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.

Rodar aplicativos na Zerops requer dois passos:

Criar um projeto
Ativar o pipeline de build & deploy

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/references/zeropsyml 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/references/zeropsyml 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/references/zeropsyml 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/references/zeropsyml 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/references/zeropsyml 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/references/zeropsyml 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:
Janela do terminal
```
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:
Janela do terminal
```
zcli push
```