Preview v/s Deployment
Last updated July 1, 2025
Live Preview
For viewing your app as you build it and check the responsiveness, design, and interactivity.
To preview your application in real-time:
- Click the Preview button in the Emergent interface.
- A preview window will open showing your application's current state.
- Interact with your application to test functionality.
- The preview automatically updates when you make changes to your code.
Best Uses:
- Test user interfaces before deployment.
- Verify that components render correctly.
- Check interactive elements like buttons and forms.
- Ensure responsive design works across different screen sizes.
- Debug visual issues in real-time.
Getting an error in the preview
When encountering errors in your Emergent project preview:
- Use the agent's debugging capabilities: Copy the complete error message text, Paste it in the chat with a request like: "Please solve this error" The agent will analyze the error and provide solutions.
- Why this works: The agent has deep knowledge of common development errors. By sharing the specific error, you enable precise troubleshooting This approach is faster than trying to describe the problem in general terms.
- For persistent issues: If the agent cannot resolve the error, try providing additional context. Include information about when the error occurs and any relevant code sections.
Most preview errors can be resolved directly with the agent's assistance, as it has comprehensive understanding of web development issues.
Deployment
To deploy your application to the web:
- First, use the Preview button to test your application and ensure it works correctly.
- Once you're satisfied with the preview, click the Deploy button in the Emergent interface.
- Click "Deploy Now" to publish your application.
- Wait for the deployment process to complete (typically 15 minutes).
- Once finished, you'll receive a URL where your application is live.
- After deployment, you can configure environment variables and custom domain settings if needed.
- Share this URL to allow others to access your application.
Important Notes:
- Always preview your application before deploying.
- Deployment creates a publicly accessible URL for your application.
- The deployment process typically takes 15 minutes.
- You can redeploy at any time to update your live application.
- Environment variables and domain settings can be configured after deployment.
- Deployment costs 50 credits per month per deployed app.
- Creates a production-ready environment with managed infrastructure that stays live 24/7.
- You can securely manage secrets and environment variables.
- Custom domains can be added, you just need to configure the A record with your DNS server and add Emergent IP listed in the Custom Domain Flow.
- You can relace your existing deployments with a new deployments without any additional charges, this will help you iterate on complex applications spanning across jobs.
- View all deployed apps from the Home tab.
- Apps can be rolled back to a stable version at no additional cost.
- You can shut down any deployed app anytime to stop recurring charges.
For any questions or assistance, feel free to email us at support@emergent.sh
Was this article helpful?