# Frameworks compatibility

import DocButton from '~/components/webkit/DocButton.vue';
import Tag from '~/components/webkit/Tag.vue';


## Azion Bundler

[Azion Bundler](https://github.com/aziontech/bundler) is the framework adapter built to run on Azion Runtime. It's an evolving project aimed at supporting various JavaScript frameworks. The project is open source and encourages community contributions.

Azion provides different ways to get started and work with web frameworks: 

- [Azion CLI](/en/documentation/products/azion-cli/overview/)
- [Azion Console](/en/documentation/products/start-with-a-template/)

---

## Angular 

Angular is an open-source web framework designed with an emphasis on speed and suitability for websites that contain substantial content.

Learn more about [Angular](https://angular.io/docs).

Implementation:
- [Azion CLI how to build with Angular](/en/documentation/products/cli/frameworks/angular/)
- [Angular Boilerplate on Azion Console](/en/documentation/products/guides/angular-boilerplate/)

---

## Astro 

Astro offers a modern and user-friendly method for creating websites. It blends established performance principles from decades of web development with the convenience of component-based development trends. You can use your preferred JavaScript framework and, by default, Astro ensures that only the essential JavaScript is sent to the user.

Implementation:
- [Azion CLI how to build with Astro](/en/documentation/products/cli/frameworks/astro/)
- [Astro Boilerplate on Azion Console](/en/documentation/products/guides/astro-boilerplate/)

---

## Docusaurus

Docusaurus is a static-site generator, building a single-page application with fast client-side navigation and leveraging React to make the site interactive.

Learn more about [Docusaurus](https://docusaurus.io/docs/).

Implementation:
- [Docusaurus with JavaScript Boilerplate on Azion Console](/en/documentation/products/guides/docusaurus-javascript-boilerplate/)
- [Docusaurus with TypeScript Boilerplate on Azion Console](/en/documentation/products/guides/docusaurus-typescript-boilerplate/)

---

## Eleventy

Eleventy is a simple static site generator, which allows you to write using your favorite template language. It's highly flexible and doesn't dictate how you should structure your project. It's a popular choice for developers who want full control over their project structure and workflow.

Learn more about [Eleventy](https://www.11ty.dev/docs/).

---

## Gatsby

Gatsby is a modern site generator for React that allows for optimized performance, data prefetching, asset optimization, and CSS-in-JS. It's a popular choice for developers building static sites and web applications.

Learn more about [Gatsby](https://gatsbyjs.com/docs/).

Implementation:
- [Gatsby Boilerplate on Azion Console](/en/documentation/products/guides/gatsby-boilerplate/)

---

## Hexo

Hexo is a Node.js-based blog framework. 

Learn more about [Hexo](https://hexo.io/).

Implementation: 

- [Hexo Boilerplate on Azion Console](/en/documentation/products/guides/hexo-boilerplate/)

## Hono

Hono is a simple and fast web framework built on Web Standards.

Learn more about [Hono](https://hono.dev/docs/).

---

## Hugo

Hugo is listed on the [Jamstack documentation](https://jamstack.org/generators/hugo/) as a static site generator, aligned to the Jamstack approach.

Learn more about [Hugo](https://gohugo.io/documentation/).

Implementation:
- [Hugo Boilerplate on Azion Console](/en/documentation/products/guides/hugo-boilerplate/)

---

## Jekyll

Jekyll is listed on the [Jamstack documentation](https://jamstack.org/generators/jekyll/) as a static site generator, aligned to the Jamstack approach.

Learn more about [Jekyll](https://jekyllrb.com/docs/).

Implementation:
- [Jekyll Boilerplate on Azion Console](/en/documentation/products/guides/jekyll-boilerplate/)

---

## Next.js 

Next.js is a flexible React framework that allows for the creation of high-performance full-stack web applications.

Learn more about [Next.js](https://nextjs.org/docs).

Implementation:
- [How to build with Next.js on Azion CLI](/en/documentation/products/cli/frameworks/next/)
- [Next.js Static Boilerplate on Azion Console](/en/documentation/products/guides/nextjs-static-boilerplate/)
<Tag severity="info" value="Compute" />
<br />
<br />
<DocButton href="/en/documentation/devtools/azion-edge-runtime/compatibility/nextjs/" label="Go to Azion and Next.js compatibility docs" kind="secondary"  target="_blank" size="medium" />
---

## Nuxt 3

Nuxt is a free and open-source framework designed to simplify the development of full-stack web applications and websites using Vue.js.

Learn more about [Nuxt](https://nuxt.com/)

Implementation:

- [Nuxt Static Boilerplate on Azion Console](/en/documentation/products/guides/nuxt-static-boilerplate/)
- [Nuxt Notes template on Azion Console](/en/documentation/products/guides/nuxt-notes/)
- [Nuxt Content template on Azion Console](/en/documentation/products/guides/nuxt-content/)

---

## Preact

Preact is a JavaScript library with the same API as React but optimized for speed and small bundle size.

Learn more about [Preact](https://preactjs.com/).

Implementation:
- [Preact TypeScript Boilerplate](https://www.azion.com/en/documentation/products/guides/preact-typescript-boilerplate/)
- [Preact JavaScript Boilerplate](https://www.azion.com/en/documentation/products/guides/preact-javascript-boilerplate/)

---

## Qwik 

Qwik is a web framework that uses resumability instead of hydration, loading JavaScript only when needed for better performance and faster page loads.

Learn more about [Qwik](https://qwik.dev/docs/).

Implementation:

- [Qwik Minimal template](/en/documentation/products/guides/qwik-minimal/)
- [Qwik Boilerplate](/en/documentation/products/guides/qwik-boilerplate/)

---

## React

React is listed on the [Jamstack documentation](https://jamstack.org/generators/react-static/) as a static site generator, aligned to the Jamstack approach.

Learn more about [React](https://react.dev/).

Implementation:
- [How to build with React on Azion CLI](/en/documentation/products/cli/frameworks/react/)
- [Azion Console React Boilerplate](/en/documentation/products/guides/react-boilerplate/)

---

## Svelte

Svelte is a free and open-source component-based front-end software framework which allows for the creation of applications with a very small size once compiled.

Learn more about [Svelte](https://svelte.dev/docs/svelte/overview).

<Tag severity="info" value="Compute" />

---

## VitePress

VitePress is a static site generator for Vue-powered documentation sites.

Learn more about [VitePress](https://vitepress.dev/guide/what-is-vitepress).

Implementation:

- [How to build with VitePress using Azion CLI](/en/documentation/products/cli/frameworks/vite/)
- [VitePress with JavaScript Boilerplate on Azion Console](/en/documentation/products/guides/vitepress-javascript-boilerplate/)
- [VitePress with TypeScript Boilerplate on Azion Console](/en/documentation/products/guides/vitepress-typescript-boilerplate/)

---

## Vue

Vue.js is a user-friendly, versatile, and approachable JavaScript framework for building web applications and user interfaces. Its progressive nature, reactivity system, component-based architecture, and thriving community make it a popular choice for both beginners and experienced developers in the world of front-end web development.

Learn more about [Vue](https://vuejs.org/guide/introduction.html).

Implementation:
- [How to build with Vue and Azion CLI](/en/documentation/products/cli/frameworks/vue/)
- [Vue Boilerplate on Azion Console](/en/documentation/products/guides/vue-boilerplate/)

---

## VuePress

VuePress is a minimal and performant static site generator that uses Vue components and markdown.

Learn more about [VuePress](https://vuepress.vuejs.org/).

Implementation:

- [VuePress Boilerplate](/en/documentation/products/guides/vuepress-boilerplate/)

## Other available presets

- JavaScript 
- TypeScript
- C++ (Emscripten)
- Rust
- Vue3/Vite
---