Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js, and Bun runtimes. Use when intercepting requests at the platform level.
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
Vercel Routing Middleware guidance — request interception before cache, rewrites, redirects, personalization. Works with any framework. Supports Edge, Node.js, and Bun runtimes. Use when intercepting requests at the platform level.
[{"pattern":"NextResponse.*from\\s+['\"]next/server['\"]|from\\s+['\"]next/server['\"].*NextResponse","message":"Next.js middleware.ts is renamed to proxy.ts in Next.js 16 — rename the file and use the Node.js runtime. Run Skill(nextjs) for proxy.ts migration guidance.","severity":"recommended","upgradeToSkill":"nextjs","upgradeWhy":"Guides migration from middleware.ts to proxy.ts with correct file placement, Node.js runtime, and Next.js 16 patterns.","skipIfFileContains":"proxy\\.ts|runtime.*nodejs"}]
retrieval
{"aliases":["request interceptor","middleware","rewrite rules","redirect rules"],"intents":["intercept requests","add middleware","configure rewrites","set up redirects"],"entities":["middleware","rewrite","redirect","personalization","Edge"]}
chainTo
[{"pattern":"from\\s+['\"\"]next-auth['\"\"]","targetSkill":"auth","message":"Auth logic in middleware — loading Auth guidance for Clerk/Auth0 integration patterns."},{"pattern":"NextResponse.*from\\s+['\"]next/server['\"]|from\\s+['\"]next/server['\"].*NextResponse","targetSkill":"nextjs","message":"middleware.ts with next/server imports detected — loading Next.js guidance for proxy.ts migration (Next.js 16 renames middleware.ts to proxy.ts with Node.js runtime).","skipIfFileContains":"proxy\\.ts|runtime.*nodejs"},{"pattern":"from\\s+['\"\"](jsonwebtoken)['\"\"]|jwt\\.(verify|decode)\\(","targetSkill":"auth","message":"Manual JWT verification in middleware — loading Auth guidance for managed auth middleware patterns (Clerk, Descope).","skipIfFileContains":"clerkMiddleware|@clerk/|@auth0/"}]
Vercel Routing Middleware
You are an expert in Vercel Routing Middleware — the platform-level request interception layer.
What It Is
Routing Middleware runs before the cache on every request matching its config. It is a Vercel platform feature (not framework-specific) that works with Next.js, SvelteKit, Astro, Nuxt, or any deployed framework. Built on Fluid Compute.
File: middleware.ts or middleware.js at the project root
Default export required (function name can be anything)
Runtimes: Edge (default), Node.js (runtime: 'nodejs'), Bun (Node.js + bunVersion in vercel.json)
CRITICAL: Middleware Disambiguation
There are THREE "middleware" concepts in the Vercel ecosystem:
Concept
File
Runtime
Scope
When to Use
Vercel Routing Middleware
middleware.ts (root)
Edge/Node/Bun
Any framework, platform-level
Request interception before cache: rewrites, redirects, geo, A/B
Next.js 16 Proxy
proxy.ts (root, or src/proxy.ts if using --src-dir)
Node.js only
Next.js 16+ only
Network-boundary proxy needing full Node APIs. NOT for auth.
Edge Functions
Any function file
V8 isolates
General-purpose
Standalone edge compute endpoints, not an interception layer
Why the rename in Next.js 16: middleware.ts → proxy.ts clarifies it sits at the network boundary (not general-purpose middleware). Partly motivated by CVE-2025-29927 (middleware auth bypass via x-middleware-subrequest header). The exported function must also be renamed from middleware to proxy. Migration codemod: npx @next/codemod@latest middleware-to-proxy
Deprecation: Next.js 16 still accepts middleware.ts but treats it as deprecated and logs a warning. It will be removed in a future version.
Bun Runtime
To run Routing Middleware (and all Vercel Functions) on Bun, add bunVersion to vercel.json:
{"bunVersion":"1.x"}
Set the middleware runtime to nodejs — Bun replaces the Node.js runtime transparently:
exportconst config = {
runtime: 'nodejs', // Bun swaps in when bunVersion is set
};
Bun reduces average latency by ~28% in CPU-bound workloads. Currently in Public Beta — supports Next.js, Express, Hono, and Nitro.
Vercel's CDN supports three routing mechanisms, evaluated in this order:
Order
Mechanism
Scope
Deploy Required
How to Configure
1
Bulk Redirects
Up to 1M static path→path redirects
No (runtime via Dashboard/API/CLI)
Dashboard, CSV upload, REST API
2
Project-Level Routes
Headers, rewrites, redirects
No (instant publish)
Dashboard, API, CLI, Vercel SDK
3
Deployment Config Routes
Full routing rules
Yes (deploy)
vercel.json, vercel.ts, next.config.ts
Project-level routes (added March 2026) let you update routing rules — response headers, rewrites to external APIs — without triggering a new deployment. They run after bulk redirects and before deployment config routes. Available on all plans.
Project-Level Routes — Configuration Methods
Project-level routes take effect instantly (no deploy required). Four ways to manage them:
Method
How
Dashboard
Project → CDN → Routing tab. Live map of global traffic, cache management, and route editor in one view.
REST API
GET/POST/PATCH/DELETE /v1/projects/{projectId}/routes — 8 dedicated endpoints for CRUD on project routes.
Vercel CLI
Managed via vercel.ts / @vercel/config commands (compile, validate, generate).
Vercel SDK
@vercel/config helpers: routes.redirect(), routes.rewrite(), routes.header(), plus has/missing conditions and transforms.
Use project-level routes for operational changes (CORS headers, API proxy rewrites, A/B redirects) that shouldn't require a full redeploy.
Programmatic Configuration with vercel.ts
Instead of static vercel.json, you can use vercel.ts (or .js, .mjs, .cjs, .mts) with the @vercel/config package for type-safe, dynamic routing configuration: