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 ou opennextjs, conforme a versão do Next.js |
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 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.