Sealos Logo

Develop

Learn how to develop your project using Sealos DevBox and Cursor IDE

After creating your DevBox project in Sealos, you're ready to start development. This guide will walk you through the process of connecting to your development environment using Cursor IDE and running your application.

Connect to Your Development Environment

Access the Projects

Navigate to the Projects in your Sealos Dashboard.

Connect with Cursor IDE

  • Find your project in the Projects and click on the project card to enter the project canvas.
  • Click on the DevBox card to open the detail panel.
  • In the detail panel, click the dropdown arrow (▾) next to the IDE icon in the top-right corner.
  • From the dropdown menu, select your preferred IDE (e.g., Cursor, VSCode, or Kiro).

Install the DevBox Plugin

  • When you click on "Cursor", it will launch the Cursor IDE application on your local machine.
  • A popup window will appear in Cursor, prompting you to install the DevBox plugin.
  • Follow the instructions in the Cursor popup to install the DevBox plugin.
  • Once installed, Cursor will establish a remote connection to your DevBox runtime.

You can switch between different IDE options (VSCode, Cursor, or Kiro) at any time by using the dropdown menu in the detail panel.

Develop

Once connected, you'll be able to access and edit your project files directly within the Cursor IDE environment.

Cursor Remote DevBox

This remote connection offers several benefits:

  • Your code runs in the DevBox runtime, ensuring consistency across development and production environments.
  • You can access your project from anywhere, on any device with Cursor installed.
  • Collaboration becomes easier as team members can connect to the same DevBox runtime.

Run Your Application

Open the Terminal

Open the terminal within Cursor IDE.

Navigate to Your Project Directory

If you're not already there, navigate to your project directory.

Start Your Development Server

Run the appropriate command to start your development server. For example, if you're using Next.js:

npm run dev

This command will start your application in development mode.

Access Your Running Application

In the project canvas, you'll see the public URL card connected to your DevBox card. Simply click on the URL card to open your running application in a new browser tab.

DevBox project canvas showing the public URL card connected to the DevBox card

Running Application

Next Steps

As you continue developing your project, your next step is to configure how your application starts. Check out the Entry Point guide to learn how to set up entrypoint.sh for your application.

Once your entry point is configured, you can proceed to Release your application as an OCI image, and then Deploy it to production.

Explore with AI

Get AI insights on this article

Share this article

Tip:AI will help you summarize key points and analyze technical details.

Last updated on

Sealos LogoSealos

Unify Your Entire Workflow.

Code in a ready-to-use cloud environment, deploy with a click. Sealos combines the entire dev-to-prod lifecycle into one seamless platform. No more context switching.

Share to LinkedinShare to XShare to FacebookShare to RedditShare to Hacker News

On this page