Déployez votre site Astro depuis Zerops

Zerops est une plateforme cloud axée sur le développement qui peut être utilisée pour déployer des sites Astro statiques et SSR.

Ce guide vous guidera dans la configuration et le déploiement de sites Astro statiques et SSR sur Zerops.

L’exécution d’applications sur Zerops nécessite deux étapes :

Créer un projet
Déclenchement du pipeline de construction et de déploiement

Site Astro Static sur Zerops

Création d’un projet et d’un service pour Astro Static

Les projets et les services peuvent être ajoutés soit par un assistant Project add, soit importés en utilisant une structure yaml :

# voir https://docs.zerops.io/references/import pour la référence complète
project:
  name: recipe-astro
services:
  - hostname: app
    type: static

Cela va créer un projet appelé recipe-astro avec un service Zerops Static appelé app.

Déploiement de votre site Astro Static

Pour indiquer à Zerops comment construire et exécuter votre site, ajoutez un zerops.yml à votre dépôt :

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
zerops:
- setup: app
build:
base: nodejs@20
buildCommands:
- npm i
- npm build
deployFiles:
- dist/~
run:
base: static

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
zerops:
- setup: app
build:
base: nodejs@20
buildCommands:
- pnpm i
- pnpm build
deployFiles:
- dist/~
run:
base: static

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
zerops:
- setup: app
build:
base: nodejs@20
buildCommands:
- yarn
- yarn build
deployFiles:
- dist/~
run:
base: static

Maintenant, vous pouvez déclencher le pipeline de construction et de déploiement en utilisant le CLI Zerops ou en connectant le service app à votre dépôt GitHub / GitLab depuis le détail du service.

Site Astro SSR sur Zerops

Création d’un projet et d’un service pour Astro SSR (Node.js)

Les projets et les services peuvent être ajoutés soit par un assistant Project add, soit importés en utilisant une structure yaml :

# voir https://docs.zerops.io/references/import pour la référence complète
project:
  name: recipe-astro
services:
  - hostname: app
    type: nodejs@20

Cela créera un projet appelé recipe-astro avec un service Node.js Zerops appelé app.

Déploiement de votre site Astro SSR

Pour indiquer à Zerops comment construire et exécuter votre site en utilisant l’adaptateur officiel Astro Node.js en mode standalone, ajoutez un fichier zerops.yml à votre dépôt :

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
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

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
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

# voir https://docs.zerops.io/references/zeropsyml pour la référence complète
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

Déclencher le pipeline en utilisant Zerops CLI (zcli)

Installez le CLI Zerops.

# Pour télécharger le binaire zcli directement,
# utilisez https://github.com/zeropsio/zcli/releases
npm i -g @zerops/zcli

Ouvrez ̀Settings > Access Token Management dans l’application Zerops et générez un nouveau jeton d’accès.
Connectez-vous en utilisant votre jeton d’accès avec la commande suivante :
Fenêtre du terminal
```
zcli login <token>
```
Naviguez jusqu’à la racine de votre application (où se trouve zerops.yml) et exécutez la commande suivante pour déclencher le déploiement :
Fenêtre du terminal
```
zcli push
```