Compatibilidade com frameworks
Os frameworks dos quais a Azion faz o build e o deploy, o preset da Azion CLI que cada um usa, como ele roda no Azion Runtime e o guia que faz o deploy.
A Azion faz o build de um projeto de framework por meio de um preset, um conjunto de configurações de build padrão para um framework ou uma linguagem. Azion Bundler é o framework adapter que executa o build: o azion build chama o Azion Bundler com o preset do projeto e prepara a saída para rodar no Azion Runtime. O Azion Bundler é um projeto de código aberto e aceita contribuições da comunidade para dar suporte a mais frameworks JavaScript.
Você inicia um projeto de framework a partir de um template do Azion Marketplace, de um repositório do GitHub ou com a Azion CLI. O guia de cada framework documenta as rotas que funcionam para ele.
Frameworks e presets
Cada linha indica o preset com o qual a Azion CLI faz o build do framework, como o azion list presets o imprime. Em uma aplicação estática, o deploy envia os arquivos do build para um bucket de storage, e uma application serve esses arquivos. Uma function executa o código de servidor do projeto em cada requisição que recebe. Um traço marca um framework sem guia de build, cuja linha aponta para os guias dos templates dele.
| Framework | Preset | Roda na Azion como | Guia |
|---|---|---|---|
| Angular | angular | Aplicação estática | Desenvolva com Angular |
| Astro | astro | Aplicação estática | Desenvolva com Astro |
| Docusaurus | docusaurus | Aplicação estática | Desenvolva com Docusaurus |
| Eleventy | eleventy | Aplicação estática | Desenvolva com Eleventy |
| Gatsby | gatsby | Aplicação estática | Desenvolva com Gatsby |
| Hexo | hexo | Aplicação estática | Desenvolva com Hexo |
| Hono | typescript | Function, sem bucket de storage | Desenvolva com Hono |
| Hugo | hugo | Aplicação estática | Desenvolva com Hugo |
| Jekyll | jekyll | Aplicação estática | Desenvolva com Jekyll |
| Next.js | next | Assets estáticos em um bucket de storage e uma function | Desenvolva com Next.js e Versões do Next.js para as versões e os recursos suportados |
| Nextal, um template Next.js | opennextjs | Assets estáticos em um bucket de storage e uma function | Desenvolva com Nextal |
| Nuxt | nuxt | — | Templates: Nuxt 3 Static Boilerplate, Nuxt Notes, Nuxt Content |
| Preact | preact | — | Templates: Preact TypeScript Boilerplate, Preact JavaScript Boilerplate |
| Qwik | qwik | — | Templates: Qwik Minimal, Qwik Boilerplate |
| React | react | Aplicação estática | Desenvolva com React |
| Svelte | svelte | Arquivos estáticos em um bucket de storage e uma function | Desenvolva com Svelte |
| VitePress | vitepress | Aplicação estática | Desenvolva com VitePress |
| Vue | vue | Aplicação estática | Desenvolva com Vue |
| VuePress | vuepress | — | Template: VuePress Boilerplate |
Quando um framework tem templates no Console, o guia dele lista esses templates e aponta para os que têm um guia próprio. Nuxt, Preact, Qwik e VuePress não têm guia de build, então as linhas deles apontam diretamente para os guias dos templates.
Toda rota da CLI exige Node.js 18 ou posterior e npm. Três linhas diferem das demais:
- Hono é uma entrada do seletor de presets do
azion init, e oazion list presetsnão imprime esse nome. Um projeto Hono faz o build com o presettypescript. - Jekyll também exige Ruby e Bundler na sua máquina. O preset
jekyllexecutabundle install && bundle exec jekyll build, então a versão do Bundler que oGemfile.lockindica precisa estar instalada. - Hugo não exige uma instalação separada quando você parte do Hugo Boilerplate, que instala o Hugo como uma dependência npm.
A lista Preset da importação do GitHub no Azion Console inclui Next.js, Angular, Astro, Hexo, React e Vue. Para todos os campos dessa rota, consulte Importe um projeto do GitHub.
Outros presets
A Azion CLI também faz o build de projetos que não usam um framework:
| Preset | Projeto |
|---|---|
javascript | Uma function escrita em JavaScript |
typescript | Uma function escrita em TypeScript |
emscripten | C++ compilado com Emscripten |
rustwasm | Rust |
html | Um site HTML que serve a pasta ./www |
O preset html não é uma entrada do seletor do azion init. Para configurar um site HTML, execute azion link --preset html. A lista também inclui nitro e stencil. Vue3/Vite é um template do preset vue, não um preset. Para a lista completa e o comando que a imprime, consulte Azion CLI presets.