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.

Démarrage rapide Astro x Zerops

Vous voulez tester Astro sur Zerops sans rien installer ni configurer ? En utilisant les dépôts Zerops x Astro - Static ou Zerops x Astro - SSR avec Node.js, vous pouvez déployer un exemple de site Astro en un seul clic.

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

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

Note

Un projet Zerops peut contenir plusieurs sites Astro.

Site Astro Static sur Zerops

Titre de la section Site Astro Static sur Zerops

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

Titre de la section 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

Titre de la section 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 :

npm

zerops.yml

# 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

pnpm

zerops.yml

# 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

Yarn

zerops.yml

# 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

Titre de la section Site Astro SSR sur Zerops

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

Titre de la section 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

Titre de la section 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 :

npm

zerops.yml

# 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

pnpm

zerops.yml

# 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

Yarn

zerops.yml

# 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

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.

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

Titre de la section Déclencher le pipeline en utilisant Zerops CLI (zcli)

1. Installez le CLI Zerops.

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

2. Ouvrez ̀Settings > Access Token Management dans l’application Zerops et générez un nouveau jeton d’accès.

3. Connectez-vous en utilisant votre jeton d’accès avec la commande suivante :

   zcli login <token>

4. Naviguez jusqu’à la racine de votre application (où se trouve zerops.yml) et exécutez la commande suivante pour déclencher le déploiement :

   zcli push

Ressources

Titre de la section Ressources

Officielles

Titre de la section Officielles

• Créer un Zerops
• Documentation de Zerops
• Recette de Zerops Astro

Communautaires

Titre de la section Communautaires

• Déployer Astro depuis Zerops en 3 minutes (en)
• Déployer Astro SSG avec Node.js sur Zerops avec One Click Deploy (en)
• Deployer Astro SSR avec Node.js sur Zerops avec One Click Deploy (en)

Plus de guides de déploiement

• 

  Netlify

• 

  Vercel

• 

  Deno Deploy

• 

  GitHub Pages

• 

  GitLab Pages

• 

  Cloudflare Pages

• 

  AWS

• 

  AWS via Flightcontrol

• 

  AWS via SST

• 

  Google Cloud

• 

  Firebase Hosting

• 

  Heroku

• 

  Microsoft Azure

• 

  Buddy

• 

  Edgio

• 

  Fly.io

• 

  Render

• 

  Stormkit

• 

  Surge

• 

  Cleavr

• 

  Kinsta

• 

  Deta Space

• 

  Zeabur

• 

  Zerops