vercel-services

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Deploying a frontend and backend as one cohesive application on Vercel requires coordinating routing, private service-to-service communication, and local development across multiple runtimes, which is error-prone when configured manually. ## Core Features & Use Cases - Multi-Service Composition: Define multiple services in vercel.json with the services key, each with its own root, framework, entrypoint, and build settings, deployed together as one atomic unit. - Routing & Ingress Control: Configure top-level rewrites to split traffic between services, serve backends on subdomains, strip path prefixes, and keep services private with no public route. - Private Service Bindings: Connect services internally through environment-variable bindings that skip the public Firewall and CDN pipeline. - Use Case: Put a Next.js frontend and a FastAPI backend in one project, route /api/(.*) to the backend, bind the backend URL to the frontend via BACKEND_INTERNAL_URL, and run everything locally with vercel dev. ## Quick Start Ask the AI to configure a vercel.json that deploys your frontend and backend together 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 services in vercel.json using the services key, with each service pointing to its own root directory. Add top-level rewrites to route public traffic, such as sending /api/(.*) to the backend and everything else to the frontend.

How do Vercel service bindings work?

Declare a binding on the caller service naming the target service and the environment variable that receives the generated URL. Bindings are available at runtime to functions, skip the public Firewall and CDN, and do not create public routes.

When should I use Vercel Services versus separate projects?

Use Services when tightly coupled components like a frontend and backend should ship as one atomic deployment. Use separate Vercel projects when teams need to deploy and roll back each service independently on their own cadence.

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

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.

Can a Vercel service stay private with no public route?

Yes. A service without a matching top-level rewrite is unreachable from the public internet and only accessible through bindings from other services. Note that bindings grant network reachability, not application-level authentication.

Why does my subdomain routing work in production but not in previews?

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