{"id":"pg_4ljdb7zfqzvh","property_id":"prp_pklgwresh6hp","domain_id":"dom_zrkwapcbulfb","root_domain":"vercel.com","locale":"en","url":"https://vercel.com/docs/frameworks","url_hash":"1e45da2856e85796bb588a35cdfc3357bb481d40f5e175923f252e41d9a26b4a","path":"/docs/frameworks","depth":1,"canonical_url":"https://vercel.com/docs/frameworks","canonical_page_id":null,"page_type":"docs","page_type_guess":"docs","state":"indexed","skip_reason":null,"priority":"1.4","discovered_via":"sitemap","first_seen_at":"2026-08-27T09:05:09.696Z","last_seen_at":"2026-08-27T09:06:06.334Z","http_status":200,"content_hash":"e6e27878a9047ce7ce78b453a62fadfd6f5f479cc19949c1a36a1eb0e80dd18a","title":"Frameworks on Vercel","description":"Vercel supports a wide range of the most popular frameworks, optimizing how your application builds and runs no matter what tool you use.","author":"Vercel","published_at":null,"modified_at":"2026-08-11T14:08:02.000Z","word_count":466,"reading_time_sec":127,"lang_detected":"en","images":[],"links_out":null,"markdown_source":"readability","refresh_interval":"monthly","last_fetched_at":"2026-08-27T09:05:46.888Z","next_refresh_at":"2026-09-26T09:05:46.888Z","runs_count":1,"changes_count":0,"last_changed_at":null,"fail_count":0,"last_error":null,"created_at":"2026-08-27T09:05:09.696Z","updated_at":"2026-08-27T09:05:09.696Z","inlinks":12,"inlinks_body":4,"outlinks":230,"outlinks_external":11,"anchor_terms":["All frameworks","Frameworks","Overview"],"template_score":"0.92307692307692307692","cash":"0.0025037849455009305","cash_total":"0.18876445905380094952","pagerank":null,"is_orphan":false,"link_confirmed":true,"discovered_wave":0,"embedded_hash":"e6e27878a9047ce7ce78b453a62fadfd6f5f479cc19949c1a36a1eb0e80dd18a","embedded_at":"2026-08-27T09:13:04.465Z","domain_name":"Vercel Inc.","brand_color":null,"domain_rank":579,"spam_score":14,"markdown":"Vercel has first-class support for [a wide range of the most popular frameworks](https://vercel.com/docs/frameworks/more-frameworks). You can build and deploy using frontend, backend, and full-stack frameworks ranging from SvelteKit to Nitro, often without any upfront configuration.\n\nLearn how to [get started with Vercel](https://vercel.com/docs/getting-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:\n\nGet started in minutes\n\n## Deploy a Template\n\nVercel deployments can [integrate with your git provider](https://vercel.com/docs/git) to [generate preview URLs](https://vercel.com/docs/deployments/environments#preview-environment-pre-production) for each pull request you make to your project.\n\nDeploying on Vercel with one of our [supported frameworks](https://vercel.com/docs/frameworks/more-frameworks) gives you access to many features, such as:\n\n-   [Vercel Functions](https://vercel.com/docs/functions) enable developers to write functions that scale based on traffic demands, preventing failures during peak hours and reducing costs during low activity.\n-   [Middleware](https://vercel.com/docs/routing-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.\n-   [Multi-runtime Support](https://vercel.com/docs/functions/runtimes) allows the use of various runtimes for your functions, each with unique libraries, APIs, and features tailored to different technical requirements.\n-   [Incremental Static Regeneration](https://vercel.com/docs/incremental-static-regeneration) enables content updates without redeployment. Vercel caches the page to serve it statically and rebuilds it on a specified interval.\n-   [Speed Insights](https://vercel.com/docs/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.\n-   [Analytics](https://vercel.com/docs/analytics) offer detailed insights into your website's performance over time, including metrics like top pages, top referrers, and user demographics.\n-   [Skew Protection](https://vercel.com/docs/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.\n\nThe following table shows which features are supported by each framework on Vercel. The framework list represents the most popular frameworks deployed on Vercel.\n\nSupported\n\nNot Supported\n\nNot Applicable\n\nFramework feature matrix\n\nFeature\n\nNext.js\n\nSvelteKit\n\nNuxt\n\nTanStack\n\nAstro\n\nRemix\n\nVite\n\nCRA\n\nNo rows displayed.\n\nThe [Build Output API](https://vercel.com/docs/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.\n\nIf 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](https://github.com/vercel/examples/tree/main/build-output-api), and you can read our [blog post](https://vercel.com/blog/build-your-own-web-framework) on using the Build Output API to build your own framework with Vercel.\n\nLearn more about deploying your preferred framework on Vercel with the following resources:","storage":{"htmlKey":"stealpage/html/vercel.com/pg_4ljdb7zfqzvh/run_dm3mub3uozfx.html.gz","markdownKey":"stealpage/md/vercel.com/pg_4ljdb7zfqzvh/run_dm3mub3uozfx.md.gz"},"facets":{"page_id":"pg_4ljdb7zfqzvh","domain_id":"dom_zrkwapcbulfb","root_domain":"vercel.com","locale":"en","format":"research","depth":2,"technicality":4,"promotional":4,"originality":2,"audience":"developer","funnel_stage":"consideration","intent":"informational","evidence":"none","tone":"plain","has_code":false,"code_langs":[],"has_data":false,"has_tables":false,"has_images":false,"has_video":false,"has_faq":false,"external_links":15,"heading_count":1,"topics":["frameworks","deployment","web development"],"keywords":["Vercel","frameworks","deploy","functions","middleware","build output api"],"entities":{},"takeaways":["Vercel supports a wide range of frameworks, including Next.js, SvelteKit, Nuxt, and more, with features like Vercel Functions and Middleware.","The page explains how to deploy using Vercel's supported frameworks and highlights the benefits of using the platform for development.","Developers can use the Build Output API to integrate their own frameworks with Vercel's platform features.","The page includes links to additional resources for developers looking to learn more about deploying on Vercel.","While the page mentions Vercel's features, it does not directly promote the company's services in a sales-oriented way."],"summary":"This page provides an overview of the frameworks supported by Vercel and the features available to developers using those frameworks.","ai_likelihood":"0","shelf_life":"evergreen","quality_score":"0.4840","fingerprint":"e6e27878a9047ce7ce78b453a62fadfd6f5f479cc19949c1a36a1eb0e80dd18a","model":"qwen/qwen3-30b-a3b","classified_at":"2026-08-27T09:10:30.173Z","created_at":"2026-08-27T09:10:30.173Z","updated_at":"2026-08-27T09:10:30.173Z"},"assets":[{"kind":"image","src_url":"https://vercel.com/vc-ap-vercel-docs/_next/image?q=75&url=https%3A%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1aHobcZ8H6WY48u5CMXlOe%2F13f7ae605e457bb132a12cf7db323f43%2Fnextjs-template_1.png&w=3840","r2_key":null,"alt":"Next.js Boilerplate","caption":null,"width":600,"height":338,"is_hero":true,"zone":"main"},{"kind":"image","src_url":"https://vercel.com/vc-ap-vercel-docs/_next/image?q=75&url=https%3A%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F22MVYdBaS70JxXH9Zsbfl5%2F1c5265b788a9f8c345dfb9a5743c643b%2FxAI_-_Light__1_.png&w=3840","r2_key":null,"alt":"Nitro Starter","caption":null,"width":600,"height":338,"is_hero":false,"zone":"main"},{"kind":"image","src_url":"https://vercel.com/vc-ap-vercel-docs/_next/image?q=75&url=https%3A%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F5WIYQtnSEfZKYFB9kvsR0w%2F974bee31f87aa376a54dccdb0713629d%2FCleanShot_2022-05-23_at_22.13.20_2x.png&w=3840","r2_key":null,"alt":"SvelteKit Boilerplate","caption":null,"width":600,"height":338,"is_hero":false,"zone":"main"},{"kind":"image","src_url":"https://vercel-docs.vercel.sh/vc-ap-0cca3e/_next/static/immutable/media/vercel-light.3_gxxexgi1nmy.svg","r2_key":null,"alt":"Vercel","caption":null,"width":16,"height":14,"is_hero":false,"zone":"footer"},{"kind":"image","src_url":"https://vercel-docs.vercel.sh/vc-ap-0cca3e/_next/static/immutable/media/vercel-dark.1f3cgy23m5_jy.svg","r2_key":null,"alt":"Vercel","caption":null,"width":16,"height":14,"is_hero":false,"zone":"footer"}],"shots":[],"history":[{"id":"run_dm3mub3uozfx","started_at":"2026-08-27T09:05:46.818Z","http_status":200,"fetcher":"direct","changed":false,"diff":null,"word_count":466}],"citedBy":[{"id":"pg_5b9mg7dvpil0","url":"https://vercel.com/docs/flags","title":"Flags","anchors":["Frameworks","All frameworks"],"zone":"main"},{"id":"pg_jf4uxx4l3nu8","url":"https://vercel.com/docs/vercel-firewall/firewall-concepts","title":"Firewall concepts","anchors":["Frameworks","All frameworks"],"zone":"main"},{"id":"pg_maex0vniv8we","url":"https://vercel.com/docs/frameworks/backend","title":"Backends on Vercel","anchors":["Frameworks","Overview","All frameworks"],"zone":"main"}]}