Despliega tu sitio de Astro en Zerops

Zerops es una plataforma en la nube enfocada en desarrolladores que se puede utilizar para desplegar sitios de Astro tanto estáticos como de SSR.

Esta guía te guiará a través de la configuración y el despliegue de sitios de Astro tanto estáticos como de SSR en Zerops.

Ejecutar aplicaciones en Zerops requiere dos pasos:

Crear un proyecto
Desencadenar la canalización de construcción y despliegue

Sitio estático de Astro en Zerops

Creación de un proyecto y un servicio para Astro estático

Los proyectos y servicios se pueden añadir a través de un asistente de añadido de proyectos o importarse usando una estructura yaml:

# see https://docs.zerops.io/references/import for full reference
project:
  name: recipe-astro
services:
  - hostname: app
    type: static

Esto creará un proyecto llamado recipe-astro con un servicio estático de Zerops llamado app.

Despliegue de tu sitio estático de Astro

Para indicarle a Zerops cómo construir y ejecutar tu sitio, añade un archivo zerops.yml a tu repositorio:

# see https://docs.zerops.io/zerops-yml/specification for full reference
zerops:
  - setup: app
    build:
      base: nodejs@20
      buildCommands:
        - npm i
        - npm build
      deployFiles:
        - dist/~
    run:
      base: static

# see https://docs.zerops.io/zerops-yml/specification for full reference
zerops:
  - setup: app
    build:
      base: nodejs@20
      buildCommands:
        - pnpm i
        - pnpm build
      deployFiles:
        - dist/~
    run:
      base: static

# see https://docs.zerops.io/zerops-yml/specification for full reference
zerops:
  - setup: app
    build:
      base: nodejs@20
      buildCommands:
        - yarn
        - yarn build
      deployFiles:
        - dist/~
    run:
      base: static

Ahora puedes desencadenar la canalización de construcción y despliegue usando la CLI de Zerops o conectando el servicio app con tu repositorio de GitHub / GitLab desde el detalle del servicio.

Sitio SSR de Astro en Zerops

Actualizar scripts

Actualiza tu script start para ejecutar la salida del servidor desde el adaptador de Node.js.

"scripts": {
  "start": "node ./dist/server/entry.mjs",
}

Creación de un proyecto y un servicio para Astro SSR (Node.js)

Los proyectos y servicios se pueden añadir a través de un asistente de añadido de proyectos o importarse usando una estructura yaml:

# see https://docs.zerops.io/references/import for full reference
project:
  name: recipe-astro
services:
  - hostname: app
    type: nodejs@20

Esto creará un proyecto llamado recipe-astro con un servicio Node.js de Zerops llamado app.

Despliegue de tu sitio SSR de Astro

Para indicarle a Zerops cómo construir y ejecutar tu sitio utilizando el adaptador oficial de Node.js para Astro en modo standalone, añade un archivo zerops.yml a tu repositorio:

# see https://docs.zerops.io/zerops-yml/specification for full reference
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

# see https://docs.zerops.io/zerops-yml/specification for full reference
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

# see https://docs.zerops.io/zerops-yml/specification for full reference
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

Ahora puedes desencadenar la canalización de construcción y despliegue usando la CLI de Zerops o conectando el servicio app con tu repositorio de GitHub / GitLab desde el detalle del servicio.

Desencadenar la canalización usando la CLI de Zerops (zcli)

Instala la CLI de Zerops.

# To download the zcli binary directly,
# use https://github.com/zeropsio/zcli/releases
npm i -g @zerops/zcli

Abre Settings > Access Token Management en la aplicación de Zerops y genera un nuevo token de acceso.
Inicia sesión utilizando tu token de acceso con el siguiente comando:
Ventana de la terminal
```
zcli login <token>
```
Navega a la raíz de tu aplicación (donde se encuentra zerops.yml) y ejecuta el siguiente comando para desencadenar el despliegue:
Ventana de la terminal
```
zcli push
```