Vercel Deployment

Deploy your SaaS to Vercel. Get automatic preview deployments, edge functions, and seamless Git integration.

The boilerplate supports zero-configuration deployment to Vercel's global edge network. Vercel automatically detects your Nuxt configuration and sets up the optimal deployment settings.

What's Included

The Vercel deployment setup provides:

  • Preview deployments for all branches
  • Edge function deployment
  • Global CDN
  • Automatic HTTPS and SSL
  • Continuous deployment from Git
  • Environment variable management

Deployment Steps

Git Setup

  1. Push your code to a Git provider:
    git add .
git commit -m "Ready for deployment"
git push origin main
  2. Import your project at vercel.com/new
  3. Select your Git repository
  4. Vercel will automatically detect Nuxt and configure the build settings

Environment Configuration

Set your environment variables in the Vercel dashboard:

DATABASE_URL=postgresql://...
# Add other environment variables from .env

Edge Functions

To deploy your application to Vercel's Edge Network for better performance:

  1. Update your build command in vercel.json or the Vercel dashboard: 
    nuxt build --preset=vercel_edge
  2. Or set the environment variable: 
    SERVER_PRESET=vercel_edge

Key Features

  1. Zero Configuration: Automatic platform detection
  2. Preview Deployments: Every deployment gets a unique URL
  3. Edge Network: Global low-latency deployment
  4. Instant Rollbacks: One-click production rollbacks

Best Practices

  1. Use preview deployments for testing changes
  2. Configure branch protection rules
  3. Use Vercel's environment variable UI for secrets

Need Help?