Logo
Agent Skills
  • Skills
  • Category
  • Publishers
  • Cookbook
  • Blog
Logo
Agent Skills
SkillsDeployment & DevOpsDeploying to Production
Featuredbash

Deploying to Production

by Awesome Skills•Deployment & DevOps

Automates GitHub repository creation and Vercel deployment for Next.js websites. Use when deploying new websites, setting up CI/CD pipelines, or going live.

320downloads
28stars
~450tokens

Quick Install

One command to add this skill

Terminal
$ mkdir -p ~/.claude/skills/deploying-to-production && curl -L https://raw.githubusercontent.com/littleben/awesomeAgentskills/main/deploying-to-production/SKILL.md > ~/.claude/skills/deploying-to-production/SKILL.md

Instructions

SKILL.md

Back

Prerequisites

  • GitHub CLI (gh)
  • Vercel CLI
  • Git
  • Node.js

Security & Permissions

4 permissions required

  • Uses network / internet access
  • Can modify files on disk
  • Executes shell commands
  • Connects to external APIs:
    • GitHub API
    • Vercel API

Details

Published
2026/01/08
Language
bash
Token Est.
~450

Resources

  • GitHub Repository
  • Direct Download

Tags

deploymentGitHubVercelNext.jsCI/CDproduction
Logo
Agent Skills

Discover and download skills for Claude Code and other AI agents

GitHub
Skills
  • Category
  • Publishers
  • Cookbook
Resources
  • Blog
  • GitHub
Legal
  • Privacy Policy
  • Terms of Service
Copyright © 2026 All Rights Reserved.

Deploying to Production

Automated deployment workflow for Next.js websites using GitHub and Vercel.

When to use this Skill

  • Creating a new website and need to deploy it
  • Setting up GitHub repository for version control
  • Deploying to Vercel production environment
  • User mentions: "deploy", "GitHub", "Vercel", "go live", "publish"

Deployment Workflow

Copy this checklist and track your progress:

Deployment Progress:
- [ ] Step 1: Pre-deployment validation (build + E-E-A-T check)
- [ ] Step 2: Create GitHub repository
- [ ] Step 3: Push code to GitHub
- [ ] Step 4: Deploy to Vercel
- [ ] Step 5: Post-deployment verification

Step 1: Pre-deployment validation

Run build and verify no errors:

cd "$PROJECT_DIR"
npm run build

CRITICAL: Only proceed if build succeeds with no errors.

Pre-deployment checklist:

  • [ ] npm run build completes successfully
  • [ ] All environment variables configured
  • [ ] E-E-A-T elements present (About page, author info)
  • [ ] Core Web Vitals acceptable
  • [ ] SEO meta tags complete

Step 2: Create GitHub repository

Run the script to create a private GitHub repository:

bash scripts/create-github-repo.sh <project-name>

What this script does:

  • Creates a private GitHub repository
  • Initializes Git (if needed)
  • Commits all changes
  • Pushes to GitHub

Step 3: Verify GitHub push

Check the repository URL:

gh repo view --web

Verify all files are pushed correctly.

Step 4: Deploy to Vercel

Run the deployment script:

bash scripts/deploy-to-vercel.sh <project-name>

What this script does:

  • Links the project to Vercel
  • Deploys to production environment
  • Returns deployment URL

Step 5: Post-deployment verification

Verify deployment:

  1. Visit the deployment URL
  2. Test core functionality
  3. Check Core Web Vitals (use PageSpeed Insights)
  4. Verify SEO meta tags

Only mark deployment complete when all verifications pass.

Prerequisites

  • GitHub CLI (gh) installed and authenticated
  • Vercel CLI installed and authenticated

Next steps after deployment

  1. Set up monitoring: Google Analytics, Search Console, Vercel Analytics
  2. Configure custom domain (if needed)
  3. Enable automatic deployments