vercel-services

Configure multi-service Vercel deployments with services, rewrites, and bindings in vercel.json.

Updated Sep 17, 2026
One-click install
npx skills add https://github.com/ridhijain709/AIPORSCHE --skill vercel-services-ridhijain709
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vercel-services
Source: https://github.com/ridhijain709/AIPORSCHE/tree/main/.agents/skills/vercel-services
Command: npx skills add https://github.com/ridhijain709/AIPORSCHE --skill vercel-services-ridhijain709

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Deploying a frontend and backend together on Vercel often leads to routing mistakes, unreachable backends, and broken preview environments. This Skill guides you through composing multiple services in one Vercel project so they build independently but ship as a single atomic deployment. ## Core Features & Use Cases - Services Configuration: Define the services key in vercel.json with per-service roots, entrypoints, frameworks, and container runtimes. - Routing & Rewrites: Set up ordered top-level rewrites, service-scoped prefix stripping, SPA catch-alls, and subdomain-based routing. - Private Service Bindings: Connect services internally with deployment-aware binding environment variables that bypass the public firewall. - Use Case: Put a Next.js frontend and a FastAPI backend in one project, route /api/(.*) to the backend, and let the frontend call it privately through a BACKEND_INTERNAL_URL binding. ## Quick Start Ask the AI to configure a vercel.json that deploys your frontend and backend as Vercel Services with an /api rewrite and a service binding.

Frequently Asked Questions about vercel-services

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

FAQPage Schema
How do I deploy a frontend and backend together on Vercel?

Define both as entries under the services key in vercel.json, each with its own root directory. Then add top-level rewrites that route public paths like /api/(.*) to the backend service and the catch-all to the frontend.

How do Vercel service bindings work?

Declare a binding on the caller service naming the target service and an environment variable that receives a generated internal URL. Bindings are deployment-aware, skip the public firewall and CDN, and are available to functions at runtime, not during builds.

When should I use Vercel Services vs separate projects?

Use Services when tightly coupled components like a frontend and backend should ship as one atomic deployment. Choose separate projects in a monorepo when teams need to deploy and roll back each service independently.

Why does my Vercel backend return 404 for every /api route?

Vercel preserves the original request path, so /api/users reaches the backend as /api/users. Either configure the backend to handle the prefix, such as FastAPI root_path, or strip it with a service-scoped rewrite.

Why does my subdomain routing fail in Vercel preview deployments?

Preview deployments get a single generated URL, so host-based rewrite rules never match there. Keep a subpath rewrite to the same service and use a relative URL like /api in the frontend so previews call their own deployment.

Can Go or Rust services use Vercel service bindings?

Native Go and Rust runtime services cannot currently consume bindings. Build those callers as container services when they need bindings; Node.js and Python services can use bindings directly.