Skip to main content
Version: 3.1

Step 3: Edit and Deploy

After naming your App, a new browser tab opens displaying Operaide Studio — the browser-based IDE for building and configuring Operaide Apps.

Operaide Studio Welcome Page

In Studio you can edit your App's source code, configure agents and workflows, deploy directly to the Operaide backend, and test changes in real time. For a deeper look at the Studio interface and workspace management, see Operaide Studio.

Open the Terminal​

To begin editing your App, you need to access the integrated terminal:

  • Look for the "Toggle Terminal" button in the grey top bar of Operaide Studio
  • Click this button to open the terminal panel at the bottom of the screen

Toggle Terminal Button

The terminal provides command-line access for editing and managing your App.

Connect Claude Code​

With the terminal open, you can now connect Claude Code - an AI-powered coding assistant that helps you modify your App:

  1. Type claude in the terminal and press Enter
  2. You may be prompted to log in with your Claude account if this is your first time

Log into Anthropic Account

  1. Follow the authentication prompts to complete the login process
  2. Once connected, Claude Code is ready to receive your instructions

Connect Claude Code

Edit Your App with AI Assistance​

Now you can customize your App by writing natural language prompts in the terminal. Claude Code will understand your instructions and make the appropriate changes to your App configuration.

Example Prompts​

  • "Add a step to validate email addresses before processing"
  • "Modify the chat agent to be more formal in tone"
  • "Add error handling for failed API calls"
  • "Include a data logging step after each user interaction"
  • "Change the response timeout to 30 seconds"

Claude Code will:

  • Interpret your request
  • Modify the App code and configuration
  • Show you the changes being made
  • Allow you to review and refine the modifications

You can continue issuing prompts to iteratively refine your App until it meets your requirements.

Install Dependencies​

Before deploying, make sure all dependencies are installed by running npm install in the terminal. Depending on your app, you may also need to install additional modules or debug missing dependencies.

Deploy Your App​

Once you're satisfied with your App configuration, it's time to deploy it to the Operaide backend:

  1. Locate the "Run Task" button in the top bar (identified by a small play icon ▶)

Run Task Button

  1. Click the Run button to open the actions menu
  2. Choose your deployment option:

Run a Task

Option A: Deploy to Operaide​

  • Select this option for a one-time deployment
  • Your current App configuration will be deployed to the backend
  • Future edits in Studio will not automatically update the deployed instance
  • Use this when you want to create a stable release

Option B: Deploy to Operaide (Watch)​

  • Select this option for continuous deployment
  • All changes you make in Studio will automatically update the deployed instance
  • Real-time synchronization between your edits and the live App
  • Ideal for development and testing phases
  • Allows rapid iteration without manual redeployment

Verify Deployment​

After deployment completes, your App appears under Development Apps in the left sidebar - not under App Instances, which is reserved for production deployments.

  1. Navigate to Development Apps. Your App is listed with a DEV tag, its label, App name, version, status, and Reaktor count.

Development Apps

  1. Click your App to open its development workspace, which lists all Reaktors belonging to the App.

In the next step, you will open one of these Reaktors to configure and test your App.

info

When you deploy from Studio, the platform creates a Development App for your organization. Development Apps are for building and testing; a production App Instance is created separately when you deploy a stable version for real use.