--- title: Frontends on Vercel product: vercel url: /docs/frameworks/frontend type: conceptual prerequisites: - /docs/frameworks related: - /docs/cdn - /docs/routing-middleware - /docs/functions - /docs/functions/streaming-functions - /docs/incremental-static-regeneration summary: Vercel supports a wide range of the most popular frontend frameworks, optimizing how your application builds and runs no matter what tooling you use. install_vercel_plugin: npx plugins add vercel/vercel-plugin --- # Frontends on Vercel The following frontend frameworks are supported with zero-configuration. - **Angular**: Angular is a TypeScript-based cross-platform framework from Google. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/angular) | [View Demo](https://angular-template.vercel.app) - **Astro**: Astro is a new kind of static site builder for the modern web. Powerful developer experience meets lightweight output. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/astro) | [View Demo](https://astro-template.vercel.app) - **Brunch**: Brunch is a fast and simple webapp build tool with seamless incremental compilation for rapid development. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/brunch) | [View Demo](https://brunch-template.vercel.app) - **React**: Create React App allows you to get going with React in no time. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/create-react-app) | [View Demo](https://create-react-template.vercel.app) - **Docusaurus (v1)**: Docusaurus makes it easy to maintain Open Source documentation websites. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/docusaurus) | [View Demo](https://docusaurus-template.vercel.app) - **Docusaurus (v2+)**: Docusaurus makes it easy to maintain Open Source documentation websites. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/docusaurus-2) | [View Demo](https://docusaurus-2-template.vercel.app) - **Dojo**: Dojo is a modern progressive, TypeScript first framework. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/dojo) | [View Demo](https://dojo-template.vercel.app) - **Eleventy**: 11ty is a simpler static site generator written in JavaScript, created to be an alternative to Jekyll. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/eleventy) | [View Demo](https://eleventy-template.vercel.app) - **Ember.js**: Ember.js helps webapp developers be more productive out of the box. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/ember) | [View Demo](https://ember-template.vercel.app) - **FastHTML**: The fastest way to create an HTML app - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/fasthtml) | [View Demo](https://fasthtml-template.vercel.app) - **Gatsby.js**: Gatsby helps developers build blazing fast websites and apps with React. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/gatsby) | [View Demo](https://gatsby.vercel.app) - **Go**: An open-source programming language supported by Google. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/go) - **Gridsome**: Gridsome is a Vue.js-powered framework for building websites & apps that are fast by default. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/gridsome) | [View Demo](https://gridsome-template.vercel.app) - **Hexo**: Hexo is a fast, simple & powerful blog framework powered by Node.js. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/hexo) | [View Demo](https://hexo-template.vercel.app) - **Hugo**: Hugo is the world’s fastest framework for building websites, written in Go. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/hugo) | [View Demo](https://hugo-template.vercel.app) - **Hydrogen (v1)**: React framework for headless commerce - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/hydrogen) | [View Demo](https://hydrogen-template.vercel.app) - **Ionic Angular**: Ionic Angular allows you to build mobile PWAs with Angular and the Ionic Framework. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/ionic-angular) | [View Demo](https://ionic-angular-template.vercel.app) - **Ionic React**: Ionic React allows you to build mobile PWAs with React and the Ionic Framework. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/ionic-react) | [View Demo](https://ionic-react-template.vercel.app) - **Jekyll**: Jekyll makes it super easy to transform your plain text into static websites and blogs. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/jekyll) | [View Demo](https://jekyll-template.vercel.app) - **Mastra**: Build AI agents with a modern TypeScript stack - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/mastra) - **Middleman**: Middleman is a static site generator that uses all the shortcuts and tools in modern web development. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/middleman) | [View Demo](https://middleman-template.vercel.app) - **Node**: Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/node) - **Parcel**: Parcel is a zero configuration build tool for the web that scales to projects of any size and complexity. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/parcel) | [View Demo](https://parcel-template.vercel.app) - **Polymer**: Polymer is an open-source webapps library from Google, for building using Web Components. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/polymer) | [View Demo](https://polymer-template.vercel.app) - **Preact**: Preact is a fast 3kB alternative to React with the same modern API. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/preact) | [View Demo](https://preact-template.vercel.app) - **Python**: Python is a programming language that lets you work quickly and integrate systems more effectively. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/python) - **React Router**: Declarative routing for React - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/react-router) | [View Demo](https://react-router-v7-template.vercel.app) - **Saber**: Saber is a framework for building static sites in Vue.js that supports data from any source. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/saber) - **Sanity**: The structured content platform. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/sanity) | [View Demo](https://sanity-studio-template.vercel.app) - **Sanity (v3)**: The structured content platform. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/sanity-v3) | [View Demo](https://sanity-studio-template.vercel.app) - **Scully**: Scully is a static site generator for Angular. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/scully) | [View Demo](https://scully-template.vercel.app) - **SolidStart (v0)**: Simple and performant reactivity for building user interfaces. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/solidstart) | [View Demo](https://solid-start-template.vercel.app) - **SolidStart (v1)**: Simple and performant reactivity for building user interfaces. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/solidstart-1) | [View Demo](https://solid-start-template.vercel.app) - **Stencil**: Stencil is a powerful toolchain for building Progressive Web Apps and Design Systems. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/stencil) | [View Demo](https://stencil.vercel.app) - **Storybook**: Frontend workshop for UI development - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/storybook) - **UmiJS**: UmiJS is an extensible enterprise-level React application framework. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/umijs) | [View Demo](https://umijs-template.vercel.app) - **Vite**: Vite is a new breed of frontend build tool that significantly improves the frontend development experience. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/vite) | [View Demo](https://vite-vue-template.vercel.app) - **VitePress**: VitePress is VuePress' little brother, built on top of Vite. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/vitepress) | [View Demo](https://vitepress-starter-template.vercel.app) - **Vue.js**: Vue.js is a versatile JavaScript framework that is as approachable as it is performant. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/vue) | [View Demo](https://vue-template.vercel.app) - **VuePress**: Vue-powered Static Site Generator - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/vuepress) | [View Demo](https://vuepress-starter-template.vercel.app) - **Zola**: Everything you need to make a static site engine in one binary. - [Deploy](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/zola) | [View Demo](https://zola-template.vercel.app) ## Frameworks infrastructure support matrix The following table shows which features are supported by each framework on Vercel. The framework list is not exhaustive, but a representation of the most popular frameworks deployed on Vercel. We're committed to having support for all Vercel features across frameworks, and continue to work with framework authors on adding support. *This table is continually updated over time*. **Legend:** ✓ Supported | ✗ Not Supported | N/A Not Applicable | Feature | Next.js | SvelteKit | Nuxt | TanStack | Astro | Remix | Vite | CRA | |---------|---|---|---|---|---|---|---|---| | [Static Assets](/docs/cdn) | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | | [Edge Routing Rules](/docs/cdn#features) | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | | [Routing Middleware](/docs/routing-middleware) | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | | [Server-Side Rendering](/docs/functions) | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | N/A | N/A | | [Streaming SSR](/docs/functions/streaming-functions) | ✓ | ✓ | ✗ | ✓ | ✓ | ✓ | N/A | N/A | | [Incremental Static Regeneration](/docs/incremental-static-regeneration) | ✓ | ✓ | ✓ | ✗ | ✓ | ✗ | N/A | N/A | | [Image Optimization](/docs/image-optimization) | ✓ | ✓ | ✓ | N/A | ✓ | ✗ | N/A | N/A | | [Runtime Cache](/docs/runtime-cache) | ✓ | N/A | N/A | N/A | N/A | N/A | N/A | N/A | | [Native OG Image Generation](/docs/og-image-generation) | ✓ | N/A | ✓ | N/A | N/A | N/A | N/A | N/A | | [Multi-runtime support (different routes)](/docs/functions/runtimes) | ✓ | ✓ | ✓ | N/A | ✗ | ✓ | N/A | N/A | | [Multi-runtime support (entire app)](/docs/functions/runtimes) | ✓ | ✓ | ✓ | N/A | ✓ | ✓ | N/A | N/A | | [Output File Tracing](/kb/guide/how-can-i-use-files-in-serverless-functions) | ✓ | ✓ | ✓ | ✓ | ✓ | ✗ | N/A | N/A | | [Skew Protection](/docs/skew-protection) | ✓ | ✓ | ✗ | N/A | ✓ | ✗ | N/A | N/A | | [Framework Routing Middleware](/docs/routing-middleware) | ✓ | N/A | ✗ | ✓ | ✓ | ✗ | N/A | N/A | --- [View full sitemap](/docs/sitemap)