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. |
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:
- Construa com Next.js no Azion Edge - Video tutorial
- Como construir com Next.js usando a Azion CLI
- Next.js Static Boilerplate no Azion Console
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:
- Construa com Angular no Azion Edge - Video tutorial
- Como construir com Angular usando a Azion CLI
- Boilerplate Angular no Azion Console
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:
- Construa com Astro no Azion Edge - Video tutorial
- Como construir com Astro usando a Azion CLI
- Boilerplate Astro no Azion Console
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:
- Construa com React no Azion Edge - Video tutorial
- Como construir com React usando a Azion CLI
- React Boilerplate no Azion Console
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:
- Docusaurus JavaScript Boilerplate no Azion Console
- Docusaurus TypeScript Boilerplate no Azion Console
- Template Docusaurus with Material UI no Azion Console
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:
Jekyll
Jekyll está listado na documentação Jamstack como um gerador de sites estáticos alinhado à abordagem Jamstack.
Saiba mais sobre Jekyll.
Implementação:
VitePress
VitePress é um gerador de sites estáticos para sites de documentação feitos com Vue.
Saiba mais sobre VitePress.
Implementação:
- Como construir com VitePress usando a Azion CLI
- VitePress JavaScript Boilerplate no Azion Console
- VitePress TypeScript Boilerplate no Azion Console
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:
- Construa com Vue no Azion Edge - Video tutorial
- Como construir com Vue usando a Azion CLI
- Boilerplate Vue no Azion Console
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:
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
Contribuidores