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. |
Angular
Angular é um framework web de código aberto projetado com ênfase em velocidade e adequação para sites que contêm conteúdo substancial.
Saiba mais sobre Angular.
Implementação:
- Construa com Angular na Azion Edge - Video tutorial
- Como construir com Angular no Azion CLI
- Como construir com Angular Boilerplate no Azion Console
Astro
Astro oferece um método moderno e amigável para criar websites. Ele combina princípios de desempenho consagrados 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 na Azion Edge - Video tutorial
- Como construir com Astro no Azion CLI
- Como construir com Astro Boilerplate no Azion Console
Docusaurus
Docusaurus é um gerador de site estático que cria uma aplicação de página única com navegação rápida do lado do cliente e aproveita o React para tornar o site interativo.
Saiba mais sobre Docusaurus.
Implementação:
- Como construir com Docusaurus com JavaScript Boilerplate no Azion Console
- Como construir com Docusaurus com TypeScript Boilerplate no Azion Console
- Como construir com Docusaurus com Material UI no Azion Console
Eleventy
Eleventy é um gerador de site estático simples que permite escrever usando sua linguagem de template favorita. É altamente flexível e não impõe como você deve estruturar seu projeto. É uma escolha popular para desenvolvedores que desejam controle total sobre a estrutura e o fluxo de trabalho de seu projeto.
Saiba mais sobre Eleventy.
Gatsby
Gatsby é um gerador de sites moderno para React que permite um desempenho otimizado, pré-carregamento de dados, otimização de ativos e CSS-in-JS. É uma escolha popular para desenvolvedores que criam sites estáticos e aplicações web.
Saiba mais sobre Gatsby.
Implementação:
- Construa com Gatsby no Azion Edge - Video tutorial
- Como construir com Gatsby Boilerplate no Azion Console
Hexo
Hexo é um framework de blog baseado em Node.js.
Saiba mais sobre Hexo.
Implementação:
Hono
Hono é um framework web simples e rápido, construído com base nos padrões web. Saiba mais sobre Hono.
Hugo
Hugo está listado na documentação Jamstack como um gerador de site estático, alinhado à abordagem Jamstack.
Saiba mais sobre Hugo.
Implementação:
Jekyll
Jekyll está listado na documentação Jamstack como um gerador de site estático, alinhado à abordagem Jamstack.
Saiba mais sobre Jekyll. Implementação:
Next.js
Next.js é um framework flexível para React que permite a criação de aplicações web full-stack de alto desempenho. Saiba mais sobre Next.js. Implementação:
- Construa com Next.js na Azion Edge - Video tutorial
- Como construir com Next.js e Azion CLI
- Como construir com Next.js Static Boilerplate no Azion Console
Ir para a documentação de compatibilidade entre Azion e Next.js
Nuxt 3
Nuxt é um framework gratuito e de código aberto projetado para simplificar o desenvolvimento de aplicações web full-stack e websites usando Vue.js.
Saiba mais sobre Nuxt
Implementação:
- Como construir com Nuxt Static Boilerplate no Azion Console
- Template de notas do Nuxt
- Template de conteúdo do Nuxt
Preact
Preact é uma biblioteca JavaScript com a mesma API do React, mas otimizada para velocidade e tamanho reduzido do bundle.
Saiba mais sobre Preact.
Implementação:
Qwik
Qwik é um framework web que utiliza a resumibilidade em vez da hidratação, carregando JavaScript apenas quando necessário para melhor desempenho e carregamento mais rápido das páginas.
Saiba mais sobre Qwik.
Implementação:
React
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 na Azion Edge - Video tutorial
- Como construir com React no Azion CLI
- Azion Console React Boilerplate
Svelte
Svelte é um framework front-end baseado em componentes, gratuito e de código aberto, que permite a criação de aplicações com um tamanho muito pequeno após a compilação.
Saiba mais sobre Svelte.
Implementação:
VitePress
VitePress é um gerador de sites estáticos para sites de documentação baseados em Vue.
Saiba mais sobre VitePress.
Implementação:
- Como construir com VitePress usando Azion CLI
- Como construir com VitePress com JavaScript Boilerplate no Azion Console
- Como construir com VitePress com TypeScript Boilerplate no Azion Console
Vue
Vue.js é um framework JavaScript amigável, versátil e acessível para a construção de aplicações web e interfaces de usuário. Sua natureza progressiva, sistema de reatividade, arquitetura baseada em componentes e comunidade ativa 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 na Azion Edge - Video tutorial
- Como construir com Vue no Azion Console
- Como construir com Vue Boilerplate no Azion Console
VuePress
VuePress é um gerador de sites estáticos minimalista e eficiente que utiliza componentes Vue e markdown.
Saiba mais sobre VuePress.
Implementação:
Outros presets disponíveis
- JavaScript
- TypeScript
- C++ (Emscripten)
- Rust
- Vue3/Vite
Contribuidores