Déployer votre site Astro sur Seenode

Seenode est une plateforme de déploiement permettant de créer et de déployer des applications web avec bases de données, observabilité intégrée et mise à l'échelle automatique. Les sites Astro peuvent être déployés sur Seenode grâce au rendu côté serveur (SSR).

Ce guide comprend des instructions pour le déploiement sur Seenode via l'interface web.

Configuration du projet

Adaptateur pour SSR

Pour activer le rendu à la demande dans votre projet Astro et le déployer sur Seenode, ajoutez l'adaptateur Node.js avec la commande astro add suivante. L'adaptateur sera alors installé et les modifications appropriées seront apportées à votre fichier astro.config.mjs en une seule étape.

npx astro add node

pnpm astro add node

yarn astro add node

Après avoir installé l'adaptateur, mettez à jour votre fichier astro.config.mjs pour configurer le serveur selon les exigences de Seenode :

import { defineConfig } from 'astro/config';
import node from '@astrojs/node';

export default defineConfig({
  output: 'server',
  adapter: node({
    mode: 'standalone'
  }),
  server: {
    port: process.env.NODE_ENV === 'production' ? (Number(process.env.PORT) || 80) : 4321,
    host: true
  }
});

Mettez à jour votre fichier package.json pour inclure un script de démarrage qui exécute le serveur compilé :

{
  "scripts": {
    "dev": "astro dev",
    "build": "astro build",
    "preview": "astro preview",
    "start": "NODE_ENV=production node ./dist/server/entry.mjs"
  }
}

Consultez le guide de déploiement Astro de Seenode pour plus d'options de configuration et de dépannage.

Comment déployer

Vous pouvez déployer sur Seenode via l'interface web en connectant votre dépôt Git.

Déploiement via l'interface web

Créez un compte Seenode et connectez-vous.
Envoyez votre code vers votre dépôt Git (GitHub ou GitLab).
Depuis le tableau de bord de Seenode, créez un nouveau service web (Web Service) et connectez votre dépôt.
Seenode détectera automatiquement votre projet Astro. Configurez les paramètres de déploiement :
- Build Command (« Commande de compilation ») : npm ci && npm run build (ou utilisez les équivalents pnpm / yarn)
- Start Command (« Commande de démarrage ») : npm start
- Port : 80 (requis pour les services web)
Sélectionnez la taille d’instance souhaitée et cliquez sur Create Web Service (« Créer un service web »).
Votre application sera compilée et déployée. Une fois terminée, vous recevrez une URL pour accéder à votre site Astro en ligne, après quoi vous pourrez lier votre domaine.