Deploy to Vercel

Vercel is the recommended deployment platform for NextGenKit.

1. Create a Git Repository

Initialize a new private repository and push your code:

cd nextgenkit
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/your-org/your-saas.git
git push -u origin main

2. Import in Vercel

  1. Go to vercel.com/new
  2. Import your GitHub repository
  3. Framework preset: Next.js (auto-detected)
  4. Build command: pnpm build
  5. Install command: pnpm install

3. Set Environment Variables

Add all variables from .env.example to Vercel's Environment Variables settings:

  • NEXT_PUBLIC_APP_URL — your production domain (e.g. https://your-domain.com)
  • NEXT_PUBLIC_APP_NAME — your app name
  • DATABASE_URL — your Neon production connection string
  • All Clerk, Stripe, and Resend keys (use production keys, not test keys)

4. Update Webhook URLs

Replace your ngrok/local webhook endpoints with your production URL:

  • Clerk: https://your-domain.com/api/webhooks/clerk
  • Stripe: https://your-domain.com/api/webhooks/stripe

5. Run Database Migrations

After the first deploy, run migrations against your production database:

pnpm db:deploy

6. Verify

Visit your production URL and confirm:

  • Sign-up/sign-in works
  • Stripe checkout redirects correctly
  • Webhooks are received (check Clerk & Stripe dashboard logs)