Skip to main content
Vercel is the deployment platform for Kleap apps, providing instant global hosting.

​
Why Vercel?

Vercel is the company behind Next.js (the framework Kleap apps use):
  • Global CDN - Fast loading from anywhere
  • Automatic HTTPS - Free SSL certificates
  • Edge functions - Serverless computing
  • Preview deployments - Test before going live
  • Zero config - Just works with Next.js

​
Connecting Vercel

​
First-Time Setup

  1. Click Publish on any app
  2. Click Connect Vercel Account
  3. Authorize Kleap in the popup
  4. Connection saved to your account
You only need to connect once. All your apps can then deploy to Vercel.

​
What Kleap Gets Access To

  • Create and manage projects
  • Deploy to your account
  • Configure domains
  • View deployment logs
We cannot access your billing or other Vercel projects.

​
Deploying Apps

​
One-Click Deploy

  1. Open your app in Kleap
  2. Click Publish
  3. Wait for build (~30-60 seconds)
  4. Your app is live!

​
What Happens During Deploy

  1. Code is sent to Vercel
  2. Next.js build runs
  3. Assets are optimized
  4. App deployed to CDN
  5. URL is generated

​
Deployment URLs

Every deploy creates a URL:
TypeExamplePurpose
Productionapp-name.vercel.appMain live URL
Previewapp-name-git-xyz.vercel.appBranch previews
Custommyapp.comYour domain

​
Project Settings

​
Environment Variables

Set in Kleap and synced to Vercel:
  1. Go to Settings > Environment
  2. Add your variables
  3. Redeploy to apply

​
Build Settings

Kleap configures optimal build settings:
  • Framework: Next.js
  • Build command: next build
  • Output directory: .next
  • Node.js version: 20.x

​
Vercel Features Used

​
Automatic HTTPS

All deployments get:
  • Free SSL certificate
  • Automatic renewal
  • HTTP → HTTPS redirect

​
Edge Network

Your app is served from:
  • 70+ global locations
  • Automatic routing to nearest edge
  • Sub-100ms response times

​
Serverless Functions

API routes automatically become serverless functions:
  • Auto-scaling
  • Pay per execution
  • 10-second default timeout

​
Vercel Dashboard

Access your Vercel dashboard to:
  • View all deployments
  • Check build logs
  • Monitor usage
  • Manage domains

​
Accessing Dashboard

  1. Go to vercel.com/dashboard
  2. Log in with your connected account
  3. Find your Kleap projects

​
Free Tier Limits

Vercel’s free tier includes:
ResourceLimit
Bandwidth100 GB/month
Build time100 hours/month
Serverless executions100,000/month
ProjectsUnlimited
Most Kleap apps fit comfortably within free tier limits.

​
Upgrading Vercel

If you exceed limits, upgrade on Vercel:
  1. Go to Vercel dashboard
  2. Select your team/account
  3. Click Upgrade
  4. Choose Pro ($20/month)

​
Troubleshooting

  • Check build logs in Vercel dashboard
  • Look for error messages
  • Common issues: missing dependencies, TypeScript errors
  • Verify deployment completed
  • Clear browser cache
  • Check you’re viewing production URL
  • Ensure variables are set for Production
  • Redeploy after adding variables
  • Check for typos in variable names
  • Verify DNS records are correct
  • Wait for propagation (up to 48h)
  • Check for SSL certificate status

​
Disconnecting Vercel

To disconnect your Vercel account:
  1. Go to Settings > Integrations
  2. Find Vercel
  3. Click Disconnect
Disconnecting doesn’t delete your Vercel projects. You’ll need to delete them manually in Vercel dashboard.

Custom Domains

Connect your own domain to your Vercel deployment