diff --git a/src/content/docs/fr/guides/deploy/deno.mdx b/src/content/docs/fr/guides/deploy/deno.mdx index 19504c05c450b..133f79dc1d05e 100644 --- a/src/content/docs/fr/guides/deploy/deno.mdx +++ b/src/content/docs/fr/guides/deploy/deno.mdx @@ -1,18 +1,18 @@ --- -title: Déployez votre site Astro sur Deno +title: Déployez votre site Astro avec Deno description: Comment déployer votre site Astro sur le web en utilisant Deno. sidebar: label: Deno type: deploy i18nReady: true --- -import ReadMore from '~/components/ReadMore.astro'; import { Steps } from '@astrojs/starlight/components'; import StaticSsrTabs from '~/components/tabs/StaticSsrTabs.astro'; +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro' -Vous pouvez déployer un site Astro rendu côté serveur sur [Deno Deploy](https://deno.com/deploy), un système distribué qui exécute JavaScript, TypeScript et WebAssembly à la pointe de la technologie, dans le monde entier. +Vous pouvez déployer un site Astro statique ou rendu à la demande à l'aide de Deno, soit sur votre propre serveur, soit sur [Deno Deploy](https://deno.com/deploy), un système distribué qui exécute JavaScript, TypeScript et WebAssembly à la pointe de la technologie, dans le monde entier. -Ce guide comprend des instructions pour le déploiement vers Deno Deploy via les actions sur GitHub ou la CLI de Deno Deploy. +Ce guide comprend des instructions pour exécuter votre site Astro sur votre propre serveur avec Deno et le déployer sur Deno Deploy via GitHub Actions ou la CLI de Deno Deploy. ## Prérequis @@ -20,29 +20,36 @@ Ce guide suppose que vous avez déjà installé [Deno](https://deno.com/). ## Configuration du projet -Votre projet Astro peut être déployé sur [Deno Deploy](https://deno.com/deploy) en tant que site statique, ou en utilisant le rendu côté serveur (SSR). +Votre projet Astro peut être déployé en tant que site statique ou en tant que site rendu à la demande. ### Site statique -Votre projet Astro est un site statique par défaut. Vous n'avez besoin d'aucune configuration supplémentaire pour déployer un site Astro statique dans Deno Deploy. -### Adaptateur pour le SSR +Votre projet Astro est un site statique par défaut. Aucune configuration supplémentaire n'est requise pour déployer un site Astro statique avec Deno ou Deno Deploy. -Pour activer SSR dans votre projet Astro et le déployer sur Deno Deploy : +### Adaptateur pour le rendu à la demande -Ajoutez [l'adaptateur Deno][Deno adapter] pour activer SSR dans votre projet Astro avec la commande `astro add` suivante. Cela installera l'adaptateur et apportera les changements appropriés à votre fichier `astro.config.mjs` en une seule étape. - -```bash -npx astro add deno -``` - -Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes suivantes : +Pour activer le rendu à la demande dans votre projet Astro à l'aide de Deno et pour déployer sur Deno Deploy : -1. Installez [l'adaptateur `@deno/astro-adapter`][Deno adapter] aux dépendances de votre projet en utilisant votre gestionnaire de paquets préféré. Si vous utilisez npm ou si vous n'êtes pas sûr, exécutez ceci dans le terminal : - - ```bash - npm install @deno/astro-adapter - ``` +1. Installez [l'adaptateur `@deno/astro-adapter`][Deno adapter] aux dépendances de votre projet en utilisant votre gestionnaire de paquets préféré: + + + + ```shell + npm install @deno/astro-adapter + ``` + + + ```shell + pnpm install @deno/astro-adapter + ``` + + + ```shell + yarn add @deno/astro-adapter + ``` + + 2. Mettez à jour votre fichier de configuration du projet `astro.config.mjs` avec les changements ci-dessous. @@ -57,7 +64,7 @@ Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes }); ``` - Ensuite, mettez à jour votre script `preview` dans `package.json` avec le changement ci-dessous. +3. Mettez à jour votre script `preview` dans `package.json` avec la modification ci-dessous. ```json del={8} ins={9} // package.json @@ -75,16 +82,92 @@ Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes Vous pouvez maintenant utiliser cette commande pour prévisualiser votre site Astro de façon locale avec Deno. - ```bash - npm run preview - ``` + + + ```shell + npm run preview + ``` + + + ```shell + pnpm run preview + ``` + + + ```shell + yarn run preview + ``` + + -## Comment déployer un site Astro +## Comment déployer Vous pouvez déployer Deno Deploy via les actions GitHub ou en utilisant l'interface de ligne de commande (CLI) de Deno Deploy. -### Déploiement des actions GitHub +### Sur votre propre serveur + + +1. Copiez votre projet sur votre serveur. + +2. Installez les dépendances du projet à l’aide de votre gestionnaire de paquets préféré : + + + + ```shell + npm install + ``` + + + ```shell + pnpm install + ``` + + + ```shell + yarn + ``` + + + +3. Créez votre site Astro avec votre gestionnaire de paquets préféré : + + + + ```shell + npm run build + ``` + + + ```shell + pnpm run build + ``` + + + ```shell + yarn run build + ``` + + + +4. Démarrez votre application avec la commande suivante : + + + + ```bash + deno run -A jsr:@std/http/file-server dist + ``` + + + + ```bash + deno run -A ./dist/server/entry.mjs + ``` + + + + +### Déploiement avec les actions GitHub Si votre projet est stocké sur GitHub, le [site Deno Deploy](https://dash.deno.com/) vous guidera dans la mise en place des actions GitHub pour déployer votre site Astro. @@ -167,46 +250,57 @@ Si votre projet est stocké sur GitHub, le [site Deno Deploy](https://dash.deno. uses: denoland/deployctl@v1 with: project: my-deno-project # TODO : remplacer par le nom du projet Deno Deploy - entrypoint: server/entry.mjs - root: dist + entrypoint: dist/server/entry.mjs ``` 5. Après avoir validé ce fichier YAML et l'avoir poussé sur GitHub sur la branche de déploiement configurée, le déploiement devrait commencer automatiquement ! - Vous pouvez suivre la progression en utilisant l'onglet "Actions" sur votre page de dépôt GitHub, ou sur [Deno Deploy](https://dash.deno.com). + Vous pouvez suivre la progression en utilisant l'onglet « Actions » sur votre page de dépôt GitHub, ou sur [Deno Deploy](https://dash.deno.com). ### Déploiement CLI -1. Installez le [Deno Deploy CLI](https://docs.deno.com/deploy/manual/deployctl). +1. Installez le [CLI de Deno Deploy](https://docs.deno.com/deploy/manual/deployctl). ```bash deno install -gArf jsr:@deno/deployctl ``` -2. Exécutez l'étape de compilation de votre Astro. - - ```bash - npm run build - ``` +2. Créez votre site Astro avec votre gestionnaire de paquets préféré : + + + + ```shell + npm run build + ``` + + + ```shell + pnpm run build + ``` + + + ```shell + yarn run build + ``` + + 3. Exécutez `deployctl` pour déployer ! - Dans la commande ci-dessous, remplacez `` par votre [Personal Access Token](https://dash.deno.com/account#access-tokens) et `` par le nom de votre projet Deno Deploy. - ```bash - cd dist && DENO_DEPLOY_TOKEN= deployctl deploy --project= jsr:@std/http/file-server + cd dist && deployctl deploy jsr:@std/http/file-server ``` ```bash - DENO_DEPLOY_TOKEN= deployctl deploy --project= --no-static --include=./dist ./dist/server/entry.mjs + deployctl deploy ./dist/server/entry.mjs ``` @@ -226,7 +320,7 @@ Si votre projet est stocké sur GitHub, le [site Deno Deploy](https://dash.deno. "start": "astro dev", "build": "astro build", "preview": "astro preview", - "deno-deploy": "npm run build && cd dist && deployctl deploy --project= jsr:@std/http/file-server" + "deno-deploy": "npm run build && cd dist && deployctl deploy jsr:@std/http/file-server" } } ``` @@ -241,7 +335,7 @@ Si votre projet est stocké sur GitHub, le [site Deno Deploy](https://dash.deno. "start": "astro dev", "build": "astro build", "preview": "deno run --allow-net --allow-read --allow-env ./dist/server/entry.mjs", - "deno-deploy": "npm run build && deployctl deploy --project= --no-static --include=./dist ./dist/server/entry.mjs" + "deno-deploy": "npm run build && deployctl deploy ./dist/server/entry.mjs" } } ``` @@ -251,7 +345,7 @@ Si votre projet est stocké sur GitHub, le [site Deno Deploy](https://dash.deno. Vous pouvez alors utiliser cette commande pour construire et déployer votre site Astro en une seule étape. ```bash - DENO_DEPLOY_TOKEN= npm run deno-deploy + npm run deno-deploy ```