# Compatibilidade com web frameworks import Tag from '~/components/webkit/Tag.vue'; import DocButton from '~/components/webkit/DocButton.vue'; ## Azion Bundler [Azion Bundler](https://github.com/aziontech/bundler) é o *framework adapter* da Azion, construído para ser executado no [Azion Runtime](/pt-br/documentacao/runtime/visao-geral/). É 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: - [Azion CLI](/pt-br/documentacao/produtos/azion-cli/visao-geral/) - [Azion Console](/pt-br/documentacao/produtos/comecar-com-um-template/) --- ## 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](https://angular.io/docs). Implementação: - [Como construir com Angular no Azion CLI](/en/documentation/products/cli/frameworks/angular/) - [Como construir com Angular Boilerplate no Azion Console](/en/documentation/products/guides/angular-boilerplate/) --- ## 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: - [Como construir com Astro no Azion CLI](/en/documentation/products/cli/frameworks/astro/) - [Como construir com Astro Boilerplate no Azion Console](/en/documentation/products/guides/astro-boilerplate/) --- ## 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](https://docusaurus.io/docs/). Implementação: - [Como construir com Docusaurus com JavaScript Boilerplate no Azion Console](/en/documentation/products/guides/docusaurus-javascript-boilerplate/) - [Como construir com Docusaurus com TypeScript Boilerplate no Azion Console](/en/documentation/products/guides/docusaurus-typescript-boilerplate/) --- ## 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](https://www.11ty.dev/docs/). --- ## 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](https://gatsbyjs.com/docs/). Implementação: - [Como construir com Gatsby Boilerplate no Azion Console](/en/documentation/products/guides/gatsby-boilerplate/) --- ## Hexo Hexo é um framework de blog baseado em Node.js. Saiba mais sobre [Hexo](https://hexo.io/). Implementação: - [Azion Console Hexo Boilerplate](/en/documentation/products/guides/hexo-boilerplate/) ## Hono Hono é um framework web simples e rápido, construído com base nos padrões web. Saiba mais sobre [Hono](https://hono.dev/docs/). --- ## Hugo Hugo está listado na [documentação Jamstack](https://jamstack.org/generators/hugo/) como um gerador de site estático, alinhado à abordagem Jamstack. Saiba mais sobre [Hugo](https://gohugo.io/documentation/). Implementação: - [Azion Console Hugo Boilerplate](/en/documentation/products/guides/hugo-boilerplate/) --- ## Jekyll Jekyll está listado na [documentação Jamstack](https://jamstack.org/generators/jekyll/) como um gerador de site estático, alinhado à abordagem Jamstack. Saiba mais sobre [Jekyll](https://jekyllrb.com/docs/). Implementação: - [Azion Console Jekyll Boilerplate](/en/documentation/products/guides/jekyll-boilerplate/) --- ## 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](https://nextjs.org/docs). Implementação: - [Como construir com Next.js e Azion CLI](/en/documentation/products/cli/frameworks/next/) - [Como construir com Next.js Static Boilerplate no Azion Console](/en/documentation/products/guides/nextjs-static-boilerplate/) --- ## 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](https://nuxt.com/) Implementação: - [Como construir com Nuxt Static Boilerplate no Azion Console](/en/documentation/products/guides/nuxt-static-boilerplate/) - [Template de notas do Nuxt](/en/documentation/products/guides/nuxt-notes/) - [Template de conteúdo do Nuxt](/en/documentation/products/guides/nuxt-content/) --- ## Preact Preact é uma biblioteca JavaScript com a mesma API do React, mas otimizada para velocidade e tamanho reduzido do bundle. Saiba mais sobre [Preact](https://preactjs.com/). Implementação: - [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 é 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](https://qwik.dev/docs/). Implementação: - [Template Minimal do Qwik](/pt-br/documentacao/produtos/guias/qwik-minimal/) - [Boilerplate do Qwik](/pt-br/documentacao/produtos/guias/qwik-boilerplate/) --- ## React React está listado na [documentação Jamstack](https://jamstack.org/generators/react-static/) como um gerador de sites estáticos, alinhado à abordagem Jamstack. Saiba mais sobre [React](https://react.dev/). Implementação: - [Como construir com React no Azion CLI](/en/documentation/products/cli/frameworks/react/) - [Azion Console React Boilerplate](/en/documentation/products/guides/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](https://svelte.dev/docs/svelte/overview). --- ## VitePress VitePress é um gerador de sites estáticos para sites de documentação baseados em Vue. Saiba mais sobre [VitePress](https://vitepress.dev/guide/what-is-vitepress). Implementação: - [Como construir com VitePress usando Azion CLI](/en/documentation/products/cli/frameworks/vite/) - [Como construir com VitePress com JavaScript Boilerplate no Azion Console](/en/documentation/products/guides/vitepress-javascript-boilerplate/) - [Como construir com VitePress com TypeScript Boilerplate no Azion Console](/en/documentation/products/guides/vitepress-typescript-boilerplate/) --- ## 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](https://vuejs.org/guide/introduction.html). Implementação: - [Como construir com Vue no Azion Console](/en/documentation/products/cli/frameworks/vue/) - [Como construir com Vue Boilerplate no Azion Console](/en/documentation/products/guides/vue-boilerplate/) --- ## VuePress VuePress é um gerador de sites estáticos minimalista e eficiente que utiliza componentes Vue e markdown. Saiba mais sobre [VuePress](https://vuepress.vuejs.org/). Implementação: - [VuePress Boilerplate](/en/documentation/products/guides/vuepress-boilerplate/) ## Outros presets disponíveis - JavaScript - TypeScript - C++ (Emscripten) - Rust - Vue3/Vite