skills.rest
joaoguirunas
joaoguirunasCOMMUNITY
Explore all skills by this author →
GitHub

sites-deployment

Deploy Next.js sites to Vercel, Netlify, and Cloudflare Pages with CI/CD pipelines.

3|3|Updated Apr 23, 2026
Search Tags:#ci/cd#deployment#github actions#vercel#nextjs#netlify#cloudflare pages
One-click install
npx skills add https://github.com/joaoguirunas/team-os --skill sites-deployment-joaoguirunas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sites-deployment
Source: https://github.com/joaoguirunas/team-os/tree/main/.claude/skills/sites-deployment
Command: npx skills add https://github.com/joaoguirunas/team-os --skill sites-deployment-joaoguirunas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Publishing a Next.js site to production involves platform-specific CLIs, environment variable management, and CI/CD configuration that is easy to get wrong. This Skill consolidates the deployment commands, pre-deploy checks, and release conventions into one repeatable process. ## Core Features & Use Cases - Multi-platform deployment: Step-by-step CLI commands for Vercel (recommended for Next.js), Netlify, and Cloudflare Pages, covering preview and production deploys. - Pre-deploy checklist: Validates build, lint, typecheck, environment variables, image optimization, and Lighthouse scores before release. - CI/CD and release conventions: Provides a GitHub Actions workflow for automated build-test-deploy on push to main, plus a branch naming convention (main, develop, feat/, fix/). - Use Case: You finished a Next.js landing page and need it live. Follow the checklist, run vercel --prod, and set production environment variables with vercel env add. ## Quick Start Deploy my Next.js site to Vercel production and verify the pre-deploy checklist passes first.

Frequently Asked Questions about sites-deployment

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Next.js site to Vercel?▼

Install the Vercel CLI with npm i -g vercel, then run vercel login and vercel link in your project. Use vercel for a preview deploy and vercel --prod for production. Add environment variables with vercel env add NAME production.

Vercel vs Netlify vs Cloudflare Pages for Next.js hosting?▼

Vercel is recommended for Next.js since it natively supports all framework features. Netlify deploys with netlify deploy --dir=.next --prod, and Cloudflare Pages uses wrangler pages deploy .next, both as alternatives.

How do I set up CI/CD for a Next.js site with GitHub Actions?▼

Create a workflow triggered on push to main that checks out the repo, sets up Node 20 with npm caching, then runs npm ci, npm run build, and npm test. The Skill provides a ready-to-use YAML configuration for this pipeline.

What should I check before deploying a site to production?▼

Verify the build completes without errors, lint has no critical warnings, typecheck passes, environment variables match .env.example, images use next/image, and Lighthouse scores exceed 90 in all categories.

How do I manage environment variables for production deploys on Vercel?▼

Use the Vercel CLI command vercel env add VARIABLE_NAME production to set production-scoped variables. Keep .env.example updated so the pre-deploy checklist can verify all required variables are configured.

Related Skills

Explore More Software Engineering Skills→
pantheon-orgpantheon-org
1

pr-iteration

Iteratively fix lint, typecheck, test, and build failures until CI passes.

Official
Intermediate
rahlplxrahlplx

Production Monitoring

Configure Sentry, Plausible, and uptime monitoring for live Astro sites.

Community
Intermediate
aramark-destinationsaramark-destinations

quality-audit

Audit page quality across Lighthouse, SEO, and WCAG checks.

Official
Advanced
auxi-wardrobeauxi-wardrobe
1

ck:devops

Automate cloud infrastructure deployment across Cloudflare, Docker, Google Cloud, and Kubernetes.

Official
Advanced