Vercel deployment

Skill bg-szy/TOP-SKILLS/skills/marketplace/vercel-deployment

Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.From its SKILL.md

Install

npx -y skills add bg-szy/TOP-SKILLS --skill vercel-deployment

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.3 KB, 459 tokens by cl100k_base, as published. Nobody here has run it

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.

When to Use This Skill

Use this skill when:

Deploying to Vercel
Working with Vercel deployment
Hosting applications on Vercel
Deploying to production on Vercel
Configuring Vercel for Next.js applications

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

Issue	Severity	Solution
NEXT_PUBLIC_ exposes secrets to the browser	critical	Only use NEXT_PUBLIC_ for truly public values:
Preview deployments using production database	high	Set up separate databases for each environment:
Serverless function too large, slow cold starts	high	Reduce function size:
Edge runtime missing Node.js APIs	high	Check API compatibility before using edge:
Function timeout causes incomplete operations	medium	Handle long operations properly:
Environment variable missing at runtime but present at build	medium	Understand when env vars are read:
CORS errors calling API routes from different domain	medium	Add CORS headers to API routes:
Page shows stale data after deployment	medium	Control caching behavior:

Related Skills

Works well with: nextjs-app-router, supabase-backend

What ships with it: 1 file

10.2 KB alongside SKILL.md

skill-report.json10.2 KB