Frameworks on Vercel
Vercel supports a wide range of the most popular frontend frameworks, optimizing how your site builds and runs no matter what tool you use.Vercel has first-class support for a wide range of the most popular frontend frameworks. You can build your web applications with anything from Astro to SvelteKit, and in many cases deploy them without having to do any upfront configuration. 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 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:
- Serverless Functions enable developers to write functions that scale based on traffic demands, preventing failures during peak hours and reducing costs during low activity.
- Edge Functions are a fast, scalable solution for delivering dynamic content quickly and globally. By default, Edge Functions are deployed near your site's visitors in one of Vercel's Edge regions.
- Edge 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, Edge 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.
The following table shows which features are supported by each framework on Vercel. The framework list represents the most popular frameworks deployed on Vercel.
- Supported
- Not Supported
- Not Applicable
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 Serverless Functions, Edge 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.
Learn more about deploying your preferred framework on Vercel with the following resources:
Was this helpful?