Deploying Next.js to Production
This guide shows you how to use the "Deploying to Production" skill to automate your deployment workflow.
Prerequisites
- GitHub CLI (
gh) installed and authenticated
- Vercel CLI installed and authenticated
- A Next.js project ready to deploy
Install the Skill
mkdir -p ~/.claude/skills/awesomeskills/deploying-to-production
curl -L https://raw.githubusercontent.com/littleben/awesomeAgentskills/main/deploying-to-production/SKILL.md > ~/.claude/skills/awesomeskills/deploying-to-production/SKILL.md
Deployment Workflow
Once installed, ask Claude to help you deploy:
"Help me deploy my project to production"
Claude will guide you through:
- Pre-deployment validation - Build check and SEO verification
- GitHub repository creation - Initialize and push code
- Vercel deployment - Deploy to production
- Post-deployment verification - Test the live site
Key Commands
# Build check
npm run build
# Create GitHub repo
gh repo create my-project --private
# Deploy to Vercel
vercel --prod
Troubleshooting
If deployment fails:
- Check build logs:
vercel logs
- Verify environment variables in Vercel dashboard
- Ensure all dependencies are properly installed