Publique seu Site Astro na Zerops

Zerops é uma plataforma de nuvem voltada para desenvolvedores que pode ser usada para publicar sites Astro estáticos e SSR.

Este manual irá guiá-lo pela configuração e publicação de sites Astro estáticos e SSR na Zerops.

:::tip[Experimente Astro x Zerops]

Quer testar Astro rodando na Zerops sem instalar ou configurar nada? Usando os repositórios Zerops x Astro - Estático ou Zerops x Astro - SSR em Node.js, você pode fazer a publicação de um exemplo de site Astro com um único clique.

:::

Rodar aplicativos na Zerops requer dois passos:

Criar um projeto
Ativar o pipeline de build & deploy

:::noteUm projeto Zerops pode conter múltiplos sites Astro.:::

Site estático Astro na Zerops

Criando um projeto e um serviço para Astro estático

Projetos e serviços podem ser adicionados tanto através do assistente Adicionar projeto ou importados usando uma estrutura yaml:

# veja https://docs.zerops.io/references/import para referência completa
project:
  name: recipe-astro
services:
  - hostname: app
    type: static

Isso criará um projeto chamado recipe-astro com um serviço estático Zerops chamado app.

Fazendo o deploy do seu site Astro Static

Para dizer ao Zerops como construir e rodar seu site, adicione um zerops.yml ao seu repositório:

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - npm i
         - npm build
       deployFiles:
         - dist/~
     run:
       base: static

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - pnpm i
         - pnpm build
       deployFiles:
         - dist/~
     run:
       base: static

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - yarn
         - yarn build
       deployFiles:
         - dist/~
     run:
       base: static

Agora você pode ativar a pipeline de build & deploy usando a CLI Zerops ou conectar o serviço app ao seu repositório GitHub / GitLab a partir do detalhe do serviço.

Site Astro SSR na Zerops

Criando um projeto e um serviço para Astro SSR (Node.js)

Projetos e serviços podem ser adicionados através do assistente Adicionar projeto ou importados usando uma estrutura yaml:

# veja https://docs.zerops.io/references/import para referência completa
project:
  name: recipe-astro
services:
  - hostname: app
    type: nodejs@20

Isso criará um projeto chamado recipe-astro com um serviço Node.js Zerops chamado app.

Publicando seu site Astro SSR

Para dizer ao Zerops como construir e rodar seu site usando o adaptador oficial Astro Node.js (EN) no modo standalone, adicione um arquivo zerops.yml ao seu repositório:

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - npm i
         - npm run build
       deployFiles:
         - dist
         - package.json
         - node_modules
     run:
       base: nodejs@20
       ports:
         - port: 3000
           httpSupport: true
       envVariables:
         PORT: 3000
         HOST: 0.0.0.0
       start: npm start

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - pnpm i
         - pnpm run build
       deployFiles:
         - dist
         - package.json
         - node_modules
     run:
       base: nodejs@20
       ports:
         - port: 3000
           httpSupport: true
       envVariables:
         PORT: 3000
         HOST: 0.0.0.0
       start: pnpm start

 # veja https://docs.zerops.io/zerops-yml/specification para referência completa
 zerops:
   - setup: app
     build:
       base: nodejs@20
       buildCommands:
         - yarn
         - yarn build
       deployFiles:
         - dist
         - package.json
         - node_modules
     run:
       base: nodejs@20
       ports:
         - port: 3000
           httpSupport: true
       envVariables:
         PORT: 3000
         HOST: 0.0.0.0
       start: yarn start

Agora você pode ativar a pipeline de build & deploy usando a CLI Zerops ou conectar o serviço app ao seu repositório GitHub / GitLab a partir do detalhe do serviço.

Ativar a pipeline usando Zerops CLI (zcli)

Instale a CLI Zerops.

# Para baixar o binário zcli diretamente,
# use https://github.com/zeropsio/zcli/releases
npm i -g @zerops/zcli

Abra Configurações > Gerenciamento de Token de Acesso no app Zerops e gere um novo token de acesso.
Faça login usando seu token de acesso com o seguinte comando:
```
zcli login <token>
```
Navegue até a raiz do seu app (onde zerops.yml está localizado) e execute o seguinte comando para ativar a implantação:
```
zcli push
```