Develop
Learn how to develop your project using Sealos DevBox and Cursor IDE
After creating your project in Sealos DevBox, 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 Devbox List
Navigate to the Sealos Devbox List in your Sealos Desktop.
Connect with Cursor IDE
- Find your project in the Devbox List.
- In the "Operation" column, click on the dropdown arrow next to the VSCode icon.
- From the dropdown menu, select "Cursor".
- Click on the "Cursor" option that appears.
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 VSCode Insiders) at any time by using the dropdown menu in the "Operation" column.
Develop
Once connected, you'll be able to access and edit your project files directly within the Cursor IDE environment.
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:
This command will start your application in development mode.
Access Your Running Application
Return to the Sealos Devbox List
Go back to the Sealos Devbox List in your browser.
Access Project Details
Find the project you just created and click on the "Detail" button on the right side of your project's row.
Find the External Address
In the project details page:
- Look for the "Network" section.
- You'll see an "External Address" field.
- Click on this external address.
View Your Application
This will open your application in a new browser tab, allowing you to view and interact with your running service.
Next Steps
As you develop your project, you'll eventually want to release and deploy it. Check out the "Release" and "Deploy" guides for information on these next steps in your project's lifecycle.