- A Vercel account (sign up at https://vercel.com)
- Groq API key (get from https://console.groq.com)
- Firebase project (if not using the existing config)
npm install -g vercel-
Go to https://vercel.com/new
-
Import your Git repository (GitHub, GitLab, or Bitbucket)
-
Configure your project:
- Framework Preset: Next.js
- Build Command:
npm run build(default) - Output Directory:
.next(default) - Install Command:
npm install(default)
-
Add Environment Variables:
- Go to Project Settings → Environment Variables
- Add
GROQ_API_KEYwith your Groq API key
-
Click "Deploy"
# Login to Vercel
vercel login
# Deploy to production
vercel --prodDuring deployment, you'll be prompted to add environment variables.
GROQ_API_KEY: Your Groq API key for AI diagnosis features
NEXT_PUBLIC_FIREBASE_API_KEYNEXT_PUBLIC_FIREBASE_AUTH_DOMAINNEXT_PUBLIC_FIREBASE_PROJECT_IDNEXT_PUBLIC_FIREBASE_STORAGE_BUCKETNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_IDNEXT_PUBLIC_FIREBASE_APP_ID
After deployment:
- Your app will be available at
https://your-project.vercel.app - Configure custom domain (optional) in Project Settings → Domains
- Set up preview deployments for branches
- Monitor deployment logs in the Vercel dashboard
- Check build logs in Vercel dashboard
- Ensure all dependencies are in package.json
- Verify environment variables are set correctly
- Check Function Logs in Vercel dashboard
- Verify API keys are correct
- Check Firebase configuration
# Install dependencies
npm install
# Create .env.local file
cp .env.example .env.local
# Add your environment variables to .env.local
# Run development server
npm run devFor issues, check:
- Vercel Documentation
- Next.js Documentation
- Project issues on GitHub