Why Vercel?
Kleap deploys to Vercel, the company behind Next.js:- Global CDN - Fast loading worldwide
- Automatic HTTPS - Free SSL certificates
- Instant deploys - Go live in seconds
- Free tier - Generous limits for most apps
Publishing Your App
First-Time Setup
- Click Publish in the top toolbar
- Connect your Vercel account (one-time)
- Authorize Kleap to deploy
Deploy
- Click Publish
- Wait for build to complete (~30-60 seconds)
- Your app is live!
Publishing doesn’t consume credits. Vercel hosting is free within their limits.
Your Production URL
After publishing, you get a permanent URL:- Is always online (24/7)
- Is publicly accessible
- Supports HTTPS automatically
- Can be shared with anyone
Preview vs Production
| Aspect | Preview | Production |
|---|---|---|
| URL | 3000-xxx.proxy.daytona.works | your-app.vercel.app |
| Uptime | During editing | 24/7 |
| Access | Requires login | Public |
| Performance | Development mode | Optimized |
| Purpose | Building/testing | Live users |
Updating Your App
After initial publish:- Make changes in Kleap
- Click Publish again
- New version goes live
Build Settings
Kleap handles build configuration automatically:- Next.js output optimized
- Images compressed
- Code minified
- Assets cached
Deployment Status
Track your deployment:- Building - Code is compiling
- Deploying - Uploading to CDN
- Ready - Live and accessible
- Error - Build failed (check logs)
Viewing Logs
If deployment fails:- Click the deployment status
- View build logs
- Check for errors
- Fix issues and redeploy
Environment Variables
For apps needing secrets (API keys):- Go to Settings > Environment
- Add variables (KEY=value)
- They’re injected at build time