Frameworks compatibility
Azion Bundler
Azion 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:
Compute x Deliver
Azion employs the terminology compute and deliver to describe the operational modes of applications within its framework:
| Mode | Description |
|---|---|
| Compute | Designed for applications that require computational processing at the edge, whether it’s for Front-End Server-Side Rendering (SSR) or Back-End tasks. In Compute Mode, Azion enables the execution of code and processing of dynamic content at the edge to enhance performance and responsiveness. |
| Deliver (static) | Tailored for frameworks that primarily focus on handling and routing incoming requests at the edge, with an emphasis on efficiently serving static files. While applications in Deliver Mode don’t execute dynamic code, they excel in optimizing the delivery of static content to end-users, thereby ensuring smooth and fast content distribution. |
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.
Implementation:
- Build with Angular on Azion Edge - Video tutorial
- Azion CLI how to build with Angular
- Angular Boilerplate on Azion Console
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:
- Build with Astro on Azion Edge - Video tutorial
- Azion CLI how to build with Astro
- Astro Boilerplate on Azion Console
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.
Implementation:
- Docusaurus with JavaScript Boilerplate on Azion Console
- Docusaurus with TypeScript Boilerplate on Azion Console
- Docusaurus with Material UI template on Azion Console
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.
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.
Implementation:
Hexo
Hexo is a Node.js-based blog framework.
Learn more about Hexo.
Implementation:
Hono
Hono is a simple and fast web framework built on Web Standards.
Learn more about Hono.
Hugo
Hugo is listed on the Jamstack documentation as a static site generator, aligned to the Jamstack approach.
Learn more about Hugo.
Implementation:
Jekyll
Jekyll is listed on the Jamstack documentation as a static site generator, aligned to the Jamstack approach.
Learn more about Jekyll.
Implementation:
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.
Implementation:
- Build with Next.js on Azion Edge - Video tutorial
- How to build with Next.js on Azion CLI
- Next.js Static Boilerplate on Azion Console
Go to Azion and Next.js compatibility docs
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
Implementation:
- Nuxt Static Boilerplate on Azion Console
- Nuxt Notes template on Azion Console
- Nuxt Content template on Azion Console
Preact
Preact is a JavaScript library with the same API as React but optimized for speed and small bundle size.
Learn more about Preact.
Implementation:
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.
Implementation:
React
React is listed on the Jamstack documentation as a static site generator, aligned to the Jamstack approach.
Learn more about React.
Implementation:
- Build with React on Azion Edge - Video tutorial
- How to build with React on Azion CLI
- Azion Console 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.
Implementation:
VitePress
VitePress is a static site generator for Vue-powered documentation sites.
Learn more about VitePress.
Implementation:
- How to build with VitePress using Azion CLI
- VitePress with JavaScript Boilerplate on Azion Console
- VitePress with TypeScript Boilerplate on Azion Console
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.
Implementation:
- Build with Vue on Azion Edge - Video tutorial
- How to build with Vue and Azion CLI
- Vue Boilerplate on Azion Console
VuePress
VuePress is a minimal and performant static site generator that uses Vue components and markdown.
Learn more about VuePress.
Implementation:
Other available presets
- JavaScript
- TypeScript
- C++ (Emscripten)
- Rust
- Vue3/Vite
Contributors