Live Preview
Every project has a live preview that updates automatically as Leo makes changes. You can:- See changes instantly - Watch your project update in real-time
- Test functionality - Interact with your app before deploying
- Mobile preview - Toggle mobile view to see how it looks on different devices
- Open in new tab - View your preview in a full browser window
Deploying Your Project
When you’re ready to make your project live:- Click “Deploy” in the project interface
- Choose a subdomain (optional) - Use a custom subdomain like
myproject.helloleo.dev - Wait for deployment - Leo will build and deploy your project
- Access your live URL - Share your project with others
Deployment Options
Default Deployment
- Automatic subdomain:
your-project-uuid.live.helloleo.dev - Instant deployment
- No configuration needed
Custom Subdomain
- Choose your own subdomain:
myproject.live.helloleo.dev - Must be unique and available
- Follows subdomain naming rules (lowercase, numbers, hyphens)
Custom Domain
- Use your own domain:
app.yourdomain.com - Requires DNS configuration
- See Custom Domains for setup instructions
Preview Features
Mobile View
Toggle mobile preview to see how your app looks on phones and tablets
Reload Preview
Refresh the preview if something doesn’t look right
Network Monitor
Debug API calls and see what’s happening behind the scenes
Code Editor
Make manual edits when needed
Deployment Status
Your project can have different deployment statuses:- Not Deployed - Project exists but hasn’t been deployed yet
- Deploying - Leo is building and deploying your project
- Deployed - Your project is live and accessible
- Error - Something went wrong; check the error message
Troubleshooting Deployment
If deployment fails:- Check the error message - Leo will explain what went wrong
- Review your code - Use the code editor to check for issues
- Try again - Often a simple retry fixes temporary issues
- Get help - Join our Discord for support