|  | 
|  | 1 | +--- | 
|  | 2 | +title: Déployer votre site Astro sur Seenode | 
|  | 3 | +description: Comment déployer votre site Astro sur le web avec Seenode. | 
|  | 4 | +sidebar: | 
|  | 5 | +  label: Seenode | 
|  | 6 | +type: deploy | 
|  | 7 | +i18nReady: true | 
|  | 8 | +--- | 
|  | 9 | +import { Steps } from '@astrojs/starlight/components'; | 
|  | 10 | +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; | 
|  | 11 | +import ReadMore from '~/components/ReadMore.astro'; | 
|  | 12 | + | 
|  | 13 | +[Seenode](https://seenode.com) 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). | 
|  | 14 | + | 
|  | 15 | +Ce guide comprend des instructions pour le déploiement sur Seenode via l'interface web. | 
|  | 16 | + | 
|  | 17 | +## Configuration du projet | 
|  | 18 | + | 
|  | 19 | +### Adaptateur pour SSR | 
|  | 20 | + | 
|  | 21 | +Pour activer le rendu à la demande dans votre projet Astro et le déployer sur Seenode, ajoutez [l'adaptateur Node.js](/fr/guides/integrations-guide/node/) 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. | 
|  | 22 | + | 
|  | 23 | +<PackageManagerTabs> | 
|  | 24 | +  <Fragment slot="npm"> | 
|  | 25 | +  ```shell | 
|  | 26 | +  npx astro add node | 
|  | 27 | +  ``` | 
|  | 28 | +  </Fragment> | 
|  | 29 | +  <Fragment slot="pnpm"> | 
|  | 30 | +  ```shell | 
|  | 31 | +  pnpm astro add node | 
|  | 32 | +  ``` | 
|  | 33 | +  </Fragment> | 
|  | 34 | +  <Fragment slot="yarn"> | 
|  | 35 | +  ```shell | 
|  | 36 | +  yarn astro add node | 
|  | 37 | +  ``` | 
|  | 38 | +  </Fragment> | 
|  | 39 | +</PackageManagerTabs> | 
|  | 40 | + | 
|  | 41 | +Après avoir installé l'adaptateur, mettez à jour votre fichier `astro.config.mjs` pour configurer le serveur selon les exigences de Seenode : | 
|  | 42 | + | 
|  | 43 | +```js title="astro.config.mjs" ins={6-11} | 
|  | 44 | +import { defineConfig } from 'astro/config'; | 
|  | 45 | +import node from '@astrojs/node'; | 
|  | 46 | + | 
|  | 47 | +export default defineConfig({ | 
|  | 48 | +  output: 'server', | 
|  | 49 | +  adapter: node({ | 
|  | 50 | +    mode: 'standalone' | 
|  | 51 | +  }), | 
|  | 52 | +  server: { | 
|  | 53 | +    port: process.env.NODE_ENV === 'production' ? (Number(process.env.PORT) || 80) : 4321, | 
|  | 54 | +    host: true | 
|  | 55 | +  } | 
|  | 56 | +}); | 
|  | 57 | +``` | 
|  | 58 | + | 
|  | 59 | +Mettez à jour votre fichier `package.json` pour inclure un script de démarrage qui exécute le serveur compilé : | 
|  | 60 | + | 
|  | 61 | +```json title="package.json" ins={6} | 
|  | 62 | +{ | 
|  | 63 | +  "scripts": { | 
|  | 64 | +    "dev": "astro dev", | 
|  | 65 | +    "build": "astro build", | 
|  | 66 | +    "preview": "astro preview", | 
|  | 67 | +    "start": "NODE_ENV=production node ./dist/server/entry.mjs" | 
|  | 68 | +  } | 
|  | 69 | +} | 
|  | 70 | +``` | 
|  | 71 | + | 
|  | 72 | +<ReadMore>Consultez le [guide de déploiement Astro de Seenode](https://seenode.com/docs/frameworks/javascript/astro/) pour plus d'options de configuration et de dépannage.</ReadMore> | 
|  | 73 | + | 
|  | 74 | +## Comment déployer | 
|  | 75 | + | 
|  | 76 | +Vous pouvez déployer sur Seenode via l'interface web en connectant votre dépôt Git. | 
|  | 77 | + | 
|  | 78 | +### Déploiement via l'interface web | 
|  | 79 | + | 
|  | 80 | +<Steps> | 
|  | 81 | +1. Créez un [compte Seenode](https://cloud.seenode.com) et connectez-vous. | 
|  | 82 | + | 
|  | 83 | +2. Envoyez votre code vers votre dépôt Git (GitHub ou GitLab). | 
|  | 84 | + | 
|  | 85 | +3. Depuis le [tableau de bord de Seenode](https://cloud.seenode.com/dashboard/applications/web/create), créez un nouveau service web (**Web Service**) et connectez votre dépôt. | 
|  | 86 | + | 
|  | 87 | +4. Seenode détectera automatiquement votre projet Astro. Configurez les paramètres de déploiement : | 
|  | 88 | + | 
|  | 89 | +   - **Build Command** (« Commande de compilation ») : `npm ci && npm run build` (ou utilisez les équivalents `pnpm` / `yarn`) | 
|  | 90 | +   - **Start Command** (« Commande de démarrage ») : `npm start` | 
|  | 91 | +   - **Port** : `80` (requis pour les services web) | 
|  | 92 | + | 
|  | 93 | +5. Sélectionnez la taille d’instance souhaitée et cliquez sur **Create Web Service** (« Créer un service web »). | 
|  | 94 | + | 
|  | 95 | +6. 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. | 
|  | 96 | +</Steps> | 
|  | 97 | + | 
|  | 98 | +## Ressources officielles | 
|  | 99 | + | 
|  | 100 | +- [Seenode Cloud](https://cloud.seenode.com) — tableau de bord de Seenode | 
|  | 101 | +- [Documentation de Seenode](https://seenode.com/docs) — documentation complète de la plateforme | 
|  | 102 | +- [Guide Astro de Seenode](https://seenode.com/docs/frameworks/javascript/astro/) — guide de déploiement et de dépannage détaillé | 
|  | 103 | +- [Modèle Astro de Seenode](https://github.com/seenode/example-astro) — modèle de démarrage préconfiguré | 
0 commit comments