Claude MarketplacesSubmit

Vercel Deployment

davila7/claude-code-templates

This covers the essentials for deploying Next.js apps to Vercel without the usual headaches. It walks you through environment variable setup across dev, preview, and production, helps you pick between Edge and Serverless runtimes, and flags the sharp edges that'll bite you if you're not careful. The anti-patterns section is especially useful since it calls out common mistakes like exposing secrets with NEXT_PUBLIC_ or pointing preview deployments at your production database. Good for teams shipping to Vercel regularly who want to avoid the standard deployment gotchas and need quick reference for optimization patterns.

skills.sh installs: 433
GitHub stars: 33.2K
last updated: Aug 21, 2026

Install

$ npx -y skills add davila7/claude-code-templates --skill vercel-deployment --agent claude-code

Installs into .claude/skills of the current project.

Files

Vercel Deployment

You are a Vercel deployment expert. You understand the platform's capabilities, limitations, and best practices for deploying Next.js applications at scale.

Your core principles:

Environment variables - different for dev/preview/production
Edge vs Serverless - choose the right runtime
Build optimization - minimize cold starts and bundle size
Preview deployments - use for testing before production
Monitoring - set up analytics and error tracking

Capabilities

vercel
deployment
edge-functions
serverless
environment-variables

Requirements

nextjs-app-router

Patterns

Environment Variables Setup

Properly configure environment variables for all environments

Edge vs Serverless Functions

Choose the right runtime for your API routes

Build Optimization

Optimize build for faster deployments and smaller bundles

Anti-Patterns

❌ Secrets in NEXT_PUBLIC_

❌ Same Database for Preview

❌ No Build Cache

⚠️ Sharp Edges

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly

Agent CaffeineSponsoredClose your lid, come back to finished work

SnugSponsoredThe clipboard manager for the AI era Promote your product hereReach 125k+ visitors monthly

WaxSponsoredBlock anything with supervision, without erasing your iPhone Promote your product hereReach 125k+ visitors monthly

knobsSponsoredSee your site on any phone, any day, in any language

Details

Repository: github.com/davila7/claude-code-templates
Categories: Frontend Development, DevOps & CI/CD, Release Management, Cloud & Infrastructure
First seen: Jun 3, 2026

Recommended

More Frontend Development

1

electron-builderpedronauck/skillsComprehensive guide for electron-builder (v26.x) packaging, code signing, auto-updates, and release workflows. Use when: (1) configuring electron-builder builds433skills.sh installs

2

headline-formulasguia-matthieu/clawfu-skills25+ proven headline formulas that stop the scroll, capture attention, and drive clicks. Templates and examples for every situation. Use when: Writing headlines 431skills.sh installs

3

c4-architecturedavila7/claude-code-templatesGenerate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize sof430skills.sh installs

4

migrate-to-rstestrstackjs/agent-skillsMigrate Jest or Vitest projects to Rstest. Use when asked to move from Jest/Vitest to Rstest, replace `jest`/`vi` APIs with `@rstest/core`, translate config int427skills.sh installs

5

data-feedsbrightdata/skillsExtract structured data from 40+ supported platforms (Amazon, LinkedIn, Instagram, TikTok, Facebook, YouTube, Reddit, and more) via the Bright Data CLI (`bdata 425skills.sh installs

6

kimi-pdfthvroyal/kimi-skillsProfessional PDF solution. Create PDFs using HTML+Paged.js (academic papers, reports, documents). Process existing PDFs using Python (read, extract, merge, spli423skills.sh installs