Vercel
Deploy to Vercel with zero configuration.
Overview
Vercel has first-class Nuxt support. A vercel.json is included in the deploy/ directory as a reference.
Quick Deploy
- Push your project to GitHub
- Import the repository on vercel.com
- Vercel auto-detects Nuxt and configures the build
- Set environment variables in the Vercel dashboard
- Deploy
That's it. Vercel handles the Nuxt build preset automatically.
Environment Variables
Set these in Vercel Dashboard > Project Settings > Environment Variables:
| Variable | Description |
|---|---|
NUXT_PUBLIC_SITE_URL | Your Vercel domain (e.g., https://myapp.vercel.app) |
NUXT_WEBHOOK_URL | Webhook destination URL(s) |
NUXT_PUBLIC_SCRIPTS_UMAMI_ANALYTICS_WEBSITE_ID | Umami website ID |
NUXT_PUBLIC_SCRIPTS_UMAMI_ANALYTICS_SCRIPT_INPUT_SRC | Umami script URL |
vercel.json Reference
deploy/vercel.website.json
{
"buildCommand": "nuxt build",
"outputDirectory": ".output",
"framework": "nuxtjs"
}
This is optional — Vercel detects Nuxt projects automatically. Use it if you need custom build settings.
Custom Domain
After the first deploy:
- Go to Project Settings > Domains
- Add your custom domain
- Update
NUXT_PUBLIC_SITE_URLto match
See the Vercel custom domains documentation for DNS configuration.