Faça deploy do seu site Astro com Deno
Você pode fazer deploy de um site Astro renderizado no servidor para o Deno Deploy, um sistema distribuído que executa JavaScript, TypeScript e WebAssembly na edge globalmente.
Este guia inclui instruções para fazer deploy para o Deno Deploy através de GitHub Actions ou da CLI do Deno Deploy.
Requisitos
Seção intitulada RequisitosEste guia assume que você já tem Deno instalado.
Configuração do Projeto
Seção intitulada Configuração do ProjetoSeu projeto Astro pode ter deploy feito no Deno Deploy como um site renderizado no lado do servidor (SSR). Deno Deploy não suporta sites estáticos.
Adaptador para SSR
Seção intitulada Adaptador para SSRPara habilitar SSR no seu projeto Astro para fazer deploy no Deno Deploy:
Adicione o adaptador para Deno para habilitar SSR no seu projeto Astro com o seguinte comando astro add
. Ele irá instalar o adaptador e fazer as mudanças apropriadas para seu arquivo astro.config.mjs
de uma vez.
Se você prefere instalar o adaptador manualmente, complete as duas etapas a seguir:
-
Instale o adaptador
@deno/astro-adapter
nas dependências do seu projeto utilizando seu gerenciador de pacotes de preferência. Se você estiver utilizando npm ou não tiver certeza, execute isso no terminal: -
Atualize o arquivo de configuração do seu projeto
astro.config.mjs
com as mudanças abaixo.Em seguida, atualize seu script
preview
empackage.json
com as mudanças abaixo.Você agora pode utilizar esse comando para pré-visualizar seu site Astro em produção localmente com Deno.
Como fazer o deploy
Seção intitulada Como fazer o deployVocê pode fazer o deploy para o Deno Deploy através de GitHub Actions ou utilizando a CLI (interface de linha de comando) do Deno Deploy.
Deploy por GitHub Actions
Seção intitulada Deploy por GitHub ActionsSe o seu projeto está armazenado no GitHub, o website do Deno Deploy irá te guiar em como configurar o GitHub Actions para fazer deploy do seu site Astro.
-
Faça push do seu código para um repositório público ou privado do GitHub.
-
Inicie sua sessão no Deno Deploy com sua conta do GitHub e clique em New Project.
-
Selecione seu repositório, a branch do qual você quer que o deploy e selecione o modo GitHub Action. (Seu site Astro requer uma etapa de build e portanto não pode utilizar o modo automático.)
-
No seu projeto Astro, crie um novo arquivo em
.github/workflows/deploy.yml
e copie o YAML abaixo. Isso é similar ao YAML dado pelo Deno Deploy, com as etapas adicionais necessárias para seu site Astro. -
Após fazer o commit deste arquivo YAML e fazer o push para o GitHub na sua branch configurada para deploy, o deploy deve começar automaticamente!
Você pode verificar o progresso utilizando a aba “Actions” na página do seu repositório do GitHub ou no Deno Deploy.
Deploy pela CLI
Seção intitulada Deploy pela CLI-
Instale a CLI do Deno Deploy.
-
Execute a etapa de build do Astro.
-
Execute
deployctl
para fazer o deploy!No comando abaixo, substitua
<TOKEN-DE-ACESSO>
com seu Personal Access Token e<MEU-PROJETO-DENO>
com o nome do seu projeto do Deno Deploy.Você pode ver todos os seus deploys em Deno Deploy.
-
(Opcional) Para simplificar a build e o deploy em um só comando, adicione um script
deploy-deno
empackage.json
.Então você poderá utilizar este comando para fazer a build e deploy do seu projeto Astro em uma etapa.
📚 Leia mais sobre SSR no Astro (EN).