deploy-vercel

Deploy Next.js apps to Vercel with API routes and serverless functions.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/HarmonicInsight/lib-insight-common --skill deploy-vercel-harmonicinsight
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: deploy-vercel
Source: https://github.com/HarmonicInsight/lib-insight-common/tree/main/plugins/harmonic-insight/skills/deploy-vercel
Command: npx skills add https://github.com/HarmonicInsight/lib-insight-common --skill deploy-vercel-harmonicinsight

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Vercel deployment patterns for Next.js apps streamline hosting, API routes, and serverless functions with safe, repeatable configurations.

Core Features & Use Cases

  • Standard Next.js deployment pattern: Clear project layout and vercel.json for predictable deployments.
  • Environment management: Demonstrates how to set required environment variables like SUPABASE_URL, SUPABASE_SERVICE_ROLE_KEY, and FIREBASE_PROJECT_ID.
  • API route integration: Shows usage of withGateway() to wrap API routes for auth and rate limiting.
  • Deployment workflow: Provides commands for preview and production deployments and post-deploy checks.

Quick Start

Follow the example project layout, configure vercel.json and environment variables, then run vercel to deploy.

Frequently Asked Questions about deploy-vercel

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

FAQPage Schema
How do I deploy a Next.js app to Vercel with API routes?

To deploy a Next.js app to Vercel, configure vercel.json, set environment variables like SUPABASE_URL, and use the withGateway() wrapper for API routes before running the vercel command. This provides a predictable deployment workflow for both preview and production environments.

What environment variables do I need to configure for Vercel deployment?

Vercel deployment requires configuring environment variables such as SUPABASE_URL, SUPABASE_SERVICE_ROLE_KEY, and FIREBASE_PROJECT_ID. Setting these variables ensures your Next.js app and serverless functions can authenticate and connect to external backend services during deployment.

How do I add authentication and rate limiting to Next.js API routes on Vercel?

To add authentication and rate limiting to Next.js API routes, wrap your serverless functions using the withGateway() method. This ensures safe gateway integration with auth and rate limits enforced directly within your Vercel deployment workflow.

Does this Vercel deployment workflow support Next.js marketing sites?

Yes, this Vercel deployment workflow explicitly supports Next.js marketing sites, alongside web dashboards and web apps. It provides a standard project layout and vercel.json configuration to ensure predictable deployments across these specific Next.js application types.

Can I use this deployment pattern without the Next.js framework?

No, this deployment pattern strictly enforces the Next.js framework as a technical requirement. It is specifically designed to automate Next.js app deployments to Vercel, including API routes and serverless functions configured via vercel.json.

What is the best way to run post-deploy checks after a Vercel deployment?

The best way to run post-deploy checks after a Vercel deployment is to follow the provided deployment workflow commands for preview and production environments. This ensures your Next.js app and gateway-wrapped API routes are safely configured and functioning.