|
| 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