Frameworks on Vercel
Learn how to get started with Vercel or clone one of our example repos to your favorite git provider and deploy it on Vercel using one of the templates below:
Vercel has first-class support for a wide range of the most popular frameworks. You can build and deploy using frontend, backend, and full-stack frameworks ranging from SvelteKit to Nitro, often without any upfront configuration.
Customizable Settings
Get started in minutes
Vercel deployments can integrate with your git provider to generate preview URLs for each pull request you make to your project.
Deploying on Vercel with one of our supported frameworks gives you access to many features, such as:
- Vercel Functions enable developers to write functions that scale based on traffic demands, preventing failures during peak hours and reducing costs during low activity.
- Middleware is code that executes before a request is processed on a site, enabling you to modify the response. Because it runs before the cache, Middleware is an effective way to personalize statically generated content.
- Multi-runtime Support allows the use of various runtimes for your functions, each with unique libraries, APIs, and features tailored to different technical requirements.
- Incremental Static Regeneration enables content updates without redeployment. Vercel caches the page to serve it statically and rebuilds it on a specified interval.
- Speed Insights provide data on your project's Core Web Vitals performance in the Vercel dashboard, helping you improve loading speed, responsiveness, and visual stability.
- Analytics offer detailed insights into your website's performance over time, including metrics like top pages, top referrers, and user demographics.
- Skew Protection uses version locking to ensure that the client and server use the same version of your application, preventing version skew and related errors.
Edge Routing Rules
The following table shows which features are supported by each framework on Vercel. The framework list represents the most popular frameworks deployed on Vercel.
Next.js
Feature
SvelteKit
Support for static assets being served and cached directly from the edge
TanStack
Nuxt
Astro
CRA
Remix
Vite
Performance
Customize runtime environments per route
Scalability
Ensure that only the latest deployment version serves your traffic by not serving older versions of code
Multi-runtime support (entire app)
Analyzes build artifacts to identify and include only necessary files for the runtime
Build Output API
The Build Output API is a file-system-based specification for a directory structure that produces a Vercel deployment. It is primarily targeted at framework authors who want to integrate their frameworks with Vercel's platform features. By implementing this directory structure as the output of their build command, framework authors can utilize all Vercel platform features, such as Vercel Functions, Routing, and Caching.
If you are not using a framework, you can still use these features by manually creating and populating the .vercel/output directory according to this specification. Complete examples of Build Output API directories can be found in vercel/examples, and you can read our blog post on using the Build Output API to build your own framework with Vercel.
More resources
Learn more about deploying your preferred framework on Vercel with the following resources:
Last updated August 11, 2026
- See a full list of supported frameworks
- Explore our template marketplace
- Learn about our deployment features
Fundamentals
Was this helpful?
Cross-link map: Frameworks on Vercel (/docs/frameworks)From the Vercel docs graph (built 2026-09-21T05:26:59.511Z), spanning vercel.com docs + KB, nextjs.org, ai-sdk.dev, and other Vercel documentation sites. Full graph as JSON: https://vercel.com/docs/graph.jsonSemantically closest pagesFull-stack frameworks on Vercel — Vercel supports a wide range of the most popular backend frameworks, optimizing how your application builds and runs noSupported Frameworks on Vercel — Learn about the frameworks that can be deployed to Vercel.Frontends on Vercel — Vercel supports a wide range of the most popular frontend frameworks, optimizing how your application builds and runs noAnnouncing the Build Output APIVite on Vercel — Deploy Vite projects to Vercel and configure environment variables, Vercel Functions, server-side rendering, and SPA rewThis page links to (20)Vercel Web Analytics — With Web Analytics, you can get detailed insights into your website's visitors with new metrics like top pages, top refeBuild Output API — The Build Output API is a file-system-based specification for a directory structure that can produce a Vercel deploymentRuntime Cache — Vercel Runtime Cache is a specialized cache that stores responses from data fetches in Vercel functionsVercel CDN overview — Vercel's CDN is a globally distributed platform that handles routing, caching, security, and compression for every deploDeploying to Vercel — Create, verify, and manage preview and production deployments on Vercel from Git, Vercel CLI, or the REST API.Environments — Environments are for developing locally, testing changes in a pre-production environment, and serving end-users in produSupported Frameworks on Vercel — Learn about the frameworks that can be deployed to Vercel.Vercel Functions — Build API routes, webhooks, and agent request handlers with Vercel Functions, then test and debug them with Vercel CLI.Runtimes — Runtimes transform your source code into Functions, which are served by our CDN. Learn about the official runtimes suppoStreaming — Learn how to stream responses from Vercel Functions.Getting started with Vercel — Install the Vercel CLI, add the Vercel Plugin or agent skills, and deploy your first project.Deploying Git Repositories with Vercel — Vercel automatically deploys supported Git repositories on every branch push and when changes merge into the productionImage Optimization with Vercel — Transform and optimize images to improve page load performance.Incremental Static Regeneration \(ISR\) — ISR serves cached static pages while regenerating content in the background. Vercel\\Open Graph \(OG\) Image Generation — Learn how to optimize social media image generation through the Open Graph Protocol and @vercel/og library.Routing Middleware — Learn how you can use Routing Middleware, code that executes before a request is processed on a site, to provide speed aSkew Protection — Learn how Vercel's Skew Protection ensures that the client and server stay in sync for any particular deployment.Speed Insights Overview — This page lists out and explains all the performance metrics provided by Vercel's Speed Insights feature.How can I use files in Vercel Functions? — Learn how to import files inside Serverless Functions on Vercel.Build your own web frameworkPages that link here (45)By site: vercel-changelog (2) · vercel-kb (11) · vercel-web (7) · vercel-docs (25)From vercel-changelogMetrics for outgoing requestsSkew Protection is now generally availableFrom vercel-kbBuilding an AI chat app with RAG and source citations on Vercel — A production stack for AI chat with retrieval, reranking, source citations, and background ingestion on Vercel using NexDeploy a Node.js Fastify app on Vercel with Docker — Build a Node.js application with Fastify and Docker, then deploy it to Vercel Functions. Learn how to configure environmDeploy Rust on Vercel with Docker — Build a Rust application with Axum and Docker, then deploy it to Vercel Functions. Learn how to configure environment vaDeploy ASP.NET Core on Vercel with Docker — Build a .NET application with Docker and deploy it to Vercel Functions. Learn how to configure environment variables, inFull-stack previews on Vercel — Learn how to use full-stack previews for your Vercel projects. Deploy Next.js, FastAPI, and a containerized Go service tMigrate to Vercel from Cloudflare — Migrate your website's configuration from Cloudflare Pages or Workers to VercelProduction architecture for a RAG chatbot on Vercel — Architect a production RAG chatbot on Vercel Functions with Fluid compute, AI Gateway, and a region-pinned vector store.Securing your AI applications with Rate Limiting — Learn how to secure your AI applications with rate limiting using Vercel WAF and Vercel AI SDKCan I use Vercel as a reverse proxy? — Learn how to use rewrites to proxy requests from Vercel to other deployments.Vercel vs Akamai — A detailed guide to Vercel vs Akamai: compute models, AI infrastructure, framework support, media streaming, CDN capabilUsing Headless WordPress with Next.js and Vercel — Learn how to use Headless WordPress with your Next.js application and deploy it to Vercel.From vercel-webExpanding the experimentation ecosystem with Edge Config and LaunchDarklyFramework-defined infrastructureProtecting your app (and wallet) against malicious trafficThe developer experience of the Frontend CloudThe foundations of the Frontend CloudThe user experience of the Frontend CloudUnderstanding Vercel FunctionsFrom vercel-docsBuilds — Understand how the build step works when creating a Vercel Deployment.vercel init — Learn how to initialize Vercel supported framework examples locally using the vercel init CLI command.Environments — Environments are for developing locally, testing changes in a pre-production environment, and serving end-users in produFluid compute — Learn about fluid compute, an execution model for Vercel Functions that provides a more flexible and efficient way to ruAstro on Vercel — Deploy Astro sites to Vercel and configure server-side rendering, ISR, Web Analytics, Image Optimization, and Routing MiCreate React App on Vercel — Deploy Create React App projects to Vercel and add Preview Deployments, Web Analytics, Speed Insights, and ObservabilityReact Router on Vercel — Deploy React Router applications with SSR or SPA mode, then configure the Vercel preset, streaming, caching, and analytiVite on Vercel — Deploy Vite projects to Vercel and configure environment variables, Vercel Functions, server-side rendering, and SPA rewNext.js on Vercel — Vercel is the native Next.js platform, designed to enhance the Next.js experience.Nuxt on Vercel — Deploy Nuxt applications to Vercel and configure rendering, functions, middleware, routing, image optimization, and cachRemix on Vercel — Deploy Remix applications to Vercel and configure the Vercel Vite preset, SSR, streaming, caching, and analytics.SvelteKit on Vercel — Deploy SvelteKit applications to Vercel and configure the adapter, rendering, streaming, ISR, analytics, and Routing MidVite + Nitro on Vercel — Add a backend to any Vite app with Nitro and deploy to Vercel with zero configuration.Vercel Functions — Build API routes, webhooks, and agent request handlers with Vercel Functions, then test and debug them with Vercel CLI.Getting started with Vercel Functions — Build your first Vercel Function in a few steps.Runtimes — Runtimes transform your source code into Functions, which are served by our CDN. Learn about the official runtimes suppoHow Vercel builds your application — Learn how Vercel transforms your source code into optimized assets ready to serve globally.Getting started with Vercel — Install the Vercel CLI, add the Vercel Plugin or agent skills, and deploy your first project.How Vercel CDN works — Learn how Vercel's CDN processes requests through routing, caching, and compute layers to deliver your content with lowIncremental Migration to Vercel — Learn how to migrate your app or website to Vercel with minimal risk and high impact.Integrating Vercel and Kubernetes — Deploy your frontend on Vercel alongside your existing Kubernetes infrastructure.Projects overview — A project is where you deploy and operate frontend apps, APIs, backends, containers, and agent workloads on Vercel.Managing projects — Learn how to manage your projects through the Vercel Dashboard.Routing Middleware — Learn how you can use Routing Middleware, code that executes before a request is processed on a site, to provide speed aRedirects — Learn how to use redirects on Vercel to instruct Vercel's platform to redirect incoming requests to a new URL.
