Compatibilidade com web frameworks

Azion Bundler

Azion Bundler é o framework adapter da Azion, construído para ser executado no Azion Runtime. É um trabalho em evolução, com o objetivo de suportar vários web frameworks. O projeto é de código aberto e incentiva contribuições da comunidade.

A Azion oferece diferentes maneiras de começar a trabalhar com web frameworks:

Compute x Deliver

A Azion utiliza os termos compute e deliver para descrever os modos operacionais de aplicações em seu framework:

Modo	Descrição
Compute	Projetado para aplicações que requerem processamento computacional no edge, seja para Front-End Server-Side Rendering (SSR) ou tarefas de Back-End. No modo Compute, a Azion possibilita a execução de código e o processamento de conteúdo dinâmico no edge para melhorar o desempenho e a responsividade.
Deliver (estático)	Projetado para frameworks que se concentram principalmente no tratamento e roteamento de requisições no edge, com ênfase em servir arquivos estáticos de maneira eficiente. Embora as aplicações no modo deliver não executem código dinâmico, elas se destacam na otimização da entrega de conteúdo estático aos usuários finais, garantindo, assim, uma distribuição de conteúdo leve e rápida.

Modo

Descrição

Compute

Projetado para aplicações que requerem processamento computacional no edge, seja para Front-End Server-Side Rendering (SSR) ou tarefas de Back-End. No modo Compute, a Azion possibilita a execução de código e o processamento de conteúdo dinâmico no edge para melhorar o desempenho e a responsividade.

Deliver (estático)

Projetado para frameworks que se concentram principalmente no tratamento e roteamento de requisições no edge, com ênfase em servir arquivos estáticos de maneira eficiente. Embora as aplicações no modo deliver não executem código dinâmico, elas se destacam na otimização da entrega de conteúdo estático aos usuários finais, garantindo, assim, uma distribuição de conteúdo leve e rápida.

Next.js

Next.js é um framework React flexível que permite a criação de aplicações web full-stack de alta performance.

Saiba mais sobre Next.js.

Implementação:

Compatibilidade entre a Azion e o Next.js

Angular

Angular é um web framework de código aberto projetado com ênfase em velocidade e adequação para sites com conteúdo substancial.

Saiba mais sobre Angular.

Implementação:

Astro

O Astro oferece uma maneira moderna e amigável de criar sites. Ele combina princípios de desempenho estabelecidos ao longo de décadas de desenvolvimento web com a conveniência das tendências de desenvolvimento baseado em componentes. Você pode usar seu framework JavaScript preferido e, por padrão, o Astro garante que apenas o JavaScript essencial seja enviado ao usuário.

Implementação:

React

O React está listado na documentação Jamstack como um gerador de sites estáticos alinhado à abordagem Jamstack.

Saiba mais sobre React.

Implementação:

Docusaurus

O Docusaurus é um gerador de sites estáticos, que constrói uma single-page application (SPA) com navegação rápida do lado do cliente e aproveita o React para tornar o site interativo.

Saiba mais sobre Docusaurus.

Implementação:

Hexo

O Hexo está listado na documentação Jamstack como um gerador de sites estáticos alinhado à abordagem Jamstack.

Saiba mais sobre Hexo.

Implementação:

Hono

Hono é um framework para web simples e rápido construído sobre Web Standards.

Saiba mais sobre Hono.

Hugo

Hugo está listado na documentação Jamstack como um gerador de sites estáticos alinhado à abordagem Jamstack.

Saiba mais sobre Hugo.

Implementação:

Hugo Boilerplate no Azion Console

Jekyll

Jekyll está listado na documentação Jamstack como um gerador de sites estáticos alinhado à abordagem Jamstack.

Saiba mais sobre Jekyll.

Implementação:

Jekyll Boilerplate no Azion Console

VitePress

VitePress é um gerador de sites estáticos para sites de documentação feitos com Vue.

Saiba mais sobre VitePress.

Implementação:

Vue

Vue.js é um framework JavaScript amigável, versátil e acessível para construir aplicações web e interfaces de usuário. Sua natureza progressiva, sistema de reatividade, arquitetura baseada em componentes e comunidade próspera o tornam uma escolha popular tanto para iniciantes quanto para desenvolvedores experientes no mundo do desenvolvimento web front-end.

Saiba mais sobre Vue.

Implementação:

Gatsby

Gatsby é um gerador de sites moderno para React que permite desempenho otimizado, pré-busca de dados, otimização de ativos e CSS-in-JS. É uma escolha popular para desenvolvedores que constroem sites estáticos e aplicações web.

Saiba mais sobre Gatsby.

Implementação:

Boilerplate Gatsby no Azion Console

Svelte

Svelte é um framework de software de front-end baseado em componentes, gratuito e de código aberto, que permite a criação de aplicações com um tamanho muito pequeno uma vez compiladas.

Saiba mais sobre Svelte.

Eleventy

Eleventy é um gerador de sites estáticos mais simples, que permite escrever usando sua linguagem de template favorita. É altamente flexível e não dita como você deve estruturar seu projeto. É uma escolha popular para desenvolvedores que desejam ter controle total sobre a estrutura e o fluxo de trabalho de seus projetos.

Saiba mais sobre Eleventy.

Outros presets disponíveis

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