Skip to content
/ docs Public
forked from withastro/docs

Commit

Permalink
i18n(fr): Update all Guides files in French language (june 25) (witha…
Browse files Browse the repository at this point in the history
…stro#8673)

* i18n(fr): Update guides/astro-db from withastro#8478

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/backend from withastro#8450

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/backend/google-firebase from withastro#8422

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/cms/apostrophecms from withastro#8480

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/cms/builderio from withastro#8259

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/cms/directus from withastro#8647

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/cms/ghost from withastro#8518

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/cms/statamic from withastro#7119

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/content-collections from withastro#8447

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/data-fetching from withastro#8210

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/deploy/cloudflare from withastro#8421

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/deploy/netlify from withastro#8233

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/deploy/render from withastro#8233

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/deploy/vercel from withastro#8217 (and fix little typos)

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/environment-variables from withastro#8533

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/environment-variables from withastro#8611

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/images from withastro#8447 withastro#8646

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide from withastro#8575

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/cloudflare from withastro#8211

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/lit from withastro#8270

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/markdoc from withastro#8167 (Steeeeps)

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/preact from withastro#8644

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/react from withastro#8038

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/integrations-guide/vue from withastro#8295

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/markdown-content from withastro#7218

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/markdown-content from withastro#8167 withastro#8239

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/middleware from withastro#8572

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/prefetch from withastro#8246

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/routing from withastro#8466

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/rss from withastro#8632

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/testing from withastro#8369

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update guides/view-transitions from withastro#8646

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix typo in routing.mdx

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix links ?

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix badge

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix badge

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix tabs

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Fix tabs

Signed-off-by: Thomas Bonnet <[email protected]>

* Update src/content/docs/fr/guides/environment-variables.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/integrations-guide/lit.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/integrations-guide/vue.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/markdown-content.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/middleware.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/testing.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/testing.mdx

Co-authored-by: pioupia <[email protected]>

* Update src/content/docs/fr/guides/testing.mdx

Co-authored-by: pioupia <[email protected]>

* i18n(fr): Fix links

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update `tutorial/6-islands` because CI links err

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): fix links

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): fix links

Signed-off-by: Thomas Bonnet <[email protected]>

---------

Signed-off-by: Thomas Bonnet <[email protected]>
Co-authored-by: pioupia <[email protected]>
Co-authored-by: Yan <[email protected]>
  • Loading branch information
3 people authored Jun 25, 2024
1 parent dec6719 commit 94b7a24
Show file tree
Hide file tree
Showing 31 changed files with 440 additions and 579 deletions.
10 changes: 5 additions & 5 deletions src/content/docs/fr/guides/astro-db.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@ const Author = defineTable({
const Comment = defineTable({
columns: {
authorId: column.number({ references: () => Author.columns.id }),
content: column.text(),
body: column.text(),
}
});
```
Expand All @@ -141,10 +141,10 @@ L'exemple suivant définit deux lignes de données de développement pour une ta
import { db, Comment } from 'astro:db';

export default async function() {
await db.insert(Comment).values([
{ authorId: 1, body: "J'espère que vous aimerez Astro DB !" },
{ authorId: 2, body: 'Profitez !'},
])
await db.insert(Author).values([
{ id: 1, name: "Kasim" },
{ id: 2, name: "Mina" },
]);
}
```

Expand Down
3 changes: 2 additions & 1 deletion src/content/docs/fr/guides/backend.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ i18nReady: true
---
import BackendGuidesNav from '~/components/BackendGuidesNav.astro';

**Prêt à ajouter des fonctionnalités telles que l'authentification, du stockage ou des données à votre projet Astro ?** Suivez l'un de nos guides pour intégrer un service Backend.
**Prêt à ajouter des fonctionnalités telles que l'authentification, du monitoring, du stockage ou des données à votre projet Astro ?** Suivez l'un de nos guides pour intégrer un service Backend.

:::tip
Trouvez des [intégrations gérées par la communauté](https://astro.build/integrations/) pour ajouter des fonctionnalités populaires à votre projet dans notre répertoire d'intégrations.
Expand All @@ -29,3 +29,4 @@ Vous pouvez envisager un service Backend si votre projet a des besoins complexes
- stockage de fichiers téléversés par l'utilisateur
- génération d'API
- communication en temps réel
- surveillance des applications
16 changes: 13 additions & 3 deletions src/content/docs/fr/guides/backend/google-firebase.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -145,9 +145,19 @@ const serviceAccount = {
client_x509_cert_url: import.meta.env.FIREBASE_CLIENT_CERT_URL,
};

export const app = activeApps.length === 0 ? initializeApp({
credential: cert(serviceAccount as ServiceAccount),
}) : activeApps[0];
const initApp = () => {
if (import.meta.env.PROD) {
console.info('cPROD env détecté. Utilisation du compte de service par défaut.')
// Utiliser la configuration par défaut dans les fonctions de Firebase. Doit être déjà injecté dans le serveur par Firebase.
return initializeApp()
}
console.info("Chargement du compte de service à partir de l'environnement.")
return initializeApp({
credential: cert(serviceAccount as ServiceAccount)
})
}

export const app = activeApps.length === 0 ? initApp() : activeApps[0];
```

:::note
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/cms/apostrophecms.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -266,7 +266,7 @@ Avec l'intégration mise en place, vous pouvez maintenant créer un blog avec As
### Prérequis
1. **Un projet ApostropheCMS avec l'outil CLI d'Apostrophe installée** - Vous pouvez créer un nouveau projet ou utiliser un projet existant. Cependant, ce tutoriel ne montrera que la création d'un article de blog et d'un type de page d'article. Vous devrez intégrer le code de tout autre projet existant de manière indépendante. Si vous n'avez pas installé l'outil CLI, vous pouvez obtenir les instructions d'installation [ici](https://docs.apostrophecms.org/guide/setting-up.html#the-apostrophe-cli-tool).
1. **Un projet ApostropheCMS avec l'outil CLI d'Apostrophe installée** - Vous pouvez créer un nouveau projet ou utiliser un projet existant. Cependant, ce tutoriel ne montrera que la création d'un article de blog et d'un type de page d'article. Vous devrez intégrer le code de tout autre projet existant de manière indépendante. Si vous n'avez pas installé l'outil CLI, consulter les [instructions d'installation de l'Apostrophe CLI](https://docs.apostrophecms.org/guide/setting-up.html#the-apostrophe-cli-tool).
2. **Un projet Astro intégré à ApostropheCMS** - Pour créer un projet à partir de zéro, voir [integrating with Astro](#intégration-avec-astro) pour les instructions sur la façon de configurer l'intégration, ou utiliser le projet de démarrage [astro-frontend](https://github.com/apostrophecms/astro-frontend).
### Création d'un article de blog et d'un type de page d'article
Expand Down
6 changes: 3 additions & 3 deletions src/content/docs/fr/guides/cms/builderio.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -219,7 +219,7 @@ const { results: posts } = await fetch(
<body>
<ul>
{
posts.map(({ data: { slug, title } }) => (
posts.flatMap(({ data: { slug, title } }) => (
<li>
<a href={`/posts/${slug}`}>{title}</a>
</li>
Expand Down Expand Up @@ -318,7 +318,7 @@ const { html: postHTML } = await fetch(
<article>
<Fragment set:html={postHTML} />
</article>
<footer>Ceci est votre footer</footer>
<footer>Voici votre pied de page</footer>
</body>
</html>
```
Expand Down Expand Up @@ -382,4 +382,4 @@ Avec ce webhook en place, chaque fois que vous cliquez sur le bouton **Publish**

## Ressources communautaires

- Lire [Connecter le CMS visuel de Builder.io à Astro](https://www.hamatoyogi.dev/blog/astro-log/connecting-builderio-to-astro) par Yoav Ganbar.
- Lire [Connecter le CMS visuel de Builder.io à Astro](https://www.hamatoyogi.dev/blog/astro-log/connecting-builderio-to-astro) par Yoav Ganbar.
4 changes: 2 additions & 2 deletions src/content/docs/fr/guides/cms/directus.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,8 @@ i18nReady: true

## Ressources officielles

- Directus fournit un [exemple de modèle de blog Astro](https://github.com/directus/examples/tree/main/astro).
- [Premiers pas avec Directus et Astro](https://docs.directus.io/blog/getting-started-directus-astro.html).

## Ressources communautaires

- Ajoutez les vôtres !
- Ajoutez les vôtres !
5 changes: 4 additions & 1 deletion src/content/docs/fr/guides/cms/ghost.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -58,22 +58,25 @@ Votre répertoire racine doit maintenant contenir ces nouveaux fichiers :

### Installation des dépendances

Pour se connecter à Ghost, installez l'API de contenu officielle [`@tryghost/content-api`](https://www.npmjs.com/package/@tryghost/content-api) en utilisant la commande ci-dessous pour votre gestionnaire de paquets préféré :
Pour se connecter à Ghost, installez l'API de contenu officielle [`@tryghost/content-api`](https://www.npmjs.com/package/@tryghost/content-api) en utilisant la commande ci-dessous pour votre gestionnaire de paquets préféré et, éventuellement, un paquet utile contenant des définitions de types si vous utilisez TypeScript :

<PackageManagerTabs>
<Fragment slot="npm">
```shell
npm install @tryghost/content-api
npm install --save @types/tryghost__content-api
```
</Fragment>
<Fragment slot="pnpm">
```shell
pnpm add @tryghost/content-api
pnpm add --save-dev @types/tryghost__content-api
```
</Fragment>
<Fragment slot="yarn">
```shell
yarn add @tryghost/content-api
yarn add --dev @types/tryghost__content-api
```
</Fragment>
</PackageManagerTabs>
Expand Down
49 changes: 33 additions & 16 deletions src/content/docs/fr/guides/cms/statamic.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -63,28 +63,45 @@ Par exemple, pour afficher une liste de titres et leur contenu à partir d'une [

```astro title="src/pages/index.astro
---
const res = await fetch("https://[YOUR-SITE]/graphql/",
{
method: 'POST',
headers: {'Content-Type':'application/json'},
body: JSON.stringify({
query: `
posts: entries(collection: "posts", sort: "date desc") {
data {
title
... on Entry_Posts_Post {
const graphqlQuery = {
query: `
query Entries($page: Int, $locale: String) {
entries(
collection: "posts"
sort: "date asc"
limit: 20
page: $page
filter: { locale: $locale }
) {
current_page
has_more_pages
data {
title
... on Entry_Posts_Post {
content
}
}
}
`
}),
});
const entries = await res.json()
}
}
`,
variables: {
page: page,
locale: locale,
},
};
const res = await fetch("https://[YOUR-SITE]/graphql", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(graphqlQuery),
})
const { data } = await res.json();
const entries = data?.entries;
---
<h1>Astro + Statamic 🚀</h1>
{
entries.data.posts.data.map((post) => (
entries.data.map((post) => (
<h2 set:html={post.title} />
<p set:html={post.content} />
))
Expand Down
10 changes: 5 additions & 5 deletions src/content/docs/fr/guides/content-collections.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -312,7 +312,7 @@ relatedPosts:

### Définition d'un slug personnalisée

Lorsque vous utilisez `type : 'content' `, chaque entrée de contenu génère une propriété `slug` conviviale à partir de son [file `id`](/fr/reference/api-reference/#id). Cette propriété est utilisée pour interroger l'entrée directement à partir de votre collection. Il est également utile pour créer de nouvelles pages et URL à partir de votre contenu.
Lorsque vous utilisez `type : 'content' `, chaque entrée de contenu génère une propriété `slug` conviviale à partir de son [fichier `id`](/fr/reference/api-reference/#id). Cette propriété est utilisée pour interroger l'entrée directement à partir de votre collection. Il est également utile pour créer de nouvelles pages et URL à partir de votre contenu.

Vous pouvez remplacer la balise générée par une entrée en ajoutant votre propre propriété `slug` au fichier frontmatter. Ceci est similaire à la fonctionnalité "permalink" d'autres frameworks web. `"slug"` est un nom de propriété spécial et réservé qui n'est pas autorisé dans le `schema` de votre collection personnalisée et qui n'apparaîtra pas dans la propriété `data` de votre entrée.

Expand Down Expand Up @@ -531,7 +531,7 @@ const { Content } = await entry.render();
---
```

## Migration basé sur le routage des fichiers
## Migration basée sur le routage des fichiers

Si vous avez un projet Astro existant, comme un blog, qui utilise des fichiers Markdown ou MDX dans les sous-dossiers de `src/pages/`, envisagez de migrer le contenu associé ou les fichiers de données vers des collections de contenus.

Expand Down Expand Up @@ -577,7 +577,7 @@ Les pipelines remark et rehype ne s'exécutent que lorsque votre contenu est ren

Plusieurs formats de date sont possibles dans les collections de contenus, mais le schéma de votre collection doit correspondre au format utilisé dans votre texte de présentation YAML Markdown ou MDX.

YAML utilise la norme [ISO-8601] (https://www.iso.org/iso-8601-date-and-time-format.html) pour exprimer les dates. Utilisez le format `yyyy-mm-dd` (par exemple `2021-07-28`) avec un type de schéma `z.date()` :
YAML utilise la norme [ISO-8601](https://www.iso.org/iso-8601-date-and-time-format.html) pour exprimer les dates. Utilisez le format `yyyy-mm-dd` (par exemple `2021-07-28`) avec un type de schéma `z.date()` :

```markdown title="src/pages/posts/example-post.md"
---
Expand All @@ -602,6 +602,6 @@ Pour ne rendre que le `YYY-MM-DD` de l'horodatage UTC complet, utilisez la méth
const { frontmatter } = Astro.props;
---
<h1>{frontmatter.title}</h1>
<p>{frontmatter.pubDate.toString().slice(0,10)}</p>
<p>{frontmatter.pubDate.toISOString().slice(0,10)}</p>
```
Pour voir un exemple d'utilisation de `toLocaleDateString` pour formater le jour, le mois et l'année à la place, voir le [`<FormattedDate />` component] (https://github.com/withastro/astro/blob/latest/examples/blog/src/components/FormattedDate.astro) dans le modèle officiel du blog Astro.
Pour voir un exemple d'utilisation de `toLocaleDateString` pour formater le jour, le mois et l'année à la place, voir le [`<FormattedDate />` component](https://github.com/withastro/astro/blob/latest/examples/blog/src/components/FormattedDate.astro) dans le modèle officiel du blog Astro.
3 changes: 2 additions & 1 deletion src/content/docs/fr/guides/data-fetching.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,8 @@ Les fichiers `.astro` peuvent récupérer des données distantes pour vous aider

## `fetch()` dans Astro

Tous les [composants Astro](/fr/basics/astro-components/) ont accès à la [fonction globale `fetch()`](https://developer.mozilla.org/fr/docs/Web/API/fetch) dans leur Script de composant pour effectuer des requêtes HTTP vers des APIs en utilisant l'URL complète (ex: https://example.com/api ou `Astro.url + "/api"`).
Tous les [composants Astro](/fr/basics/astro-components/) ont accès à la [fonction globale `fetch()`](https://developer.mozilla.org/fr/docs/Web/API/fetch) dans le script de leur composant pour effectuer des requêtes HTTP aux API en utilisant l'URL complète (par exemple https://example.com/api).
En outre, vous pouvez construire une URL vers les pages et les points d'extrémité de votre projet qui sont affichés à la demande sur le serveur en utilisant `new URL("/api", Astro.url)`.

Cet appel sera exécuté au moment de la construction (Build), et les données seront disponibles pour le modèle de composant afin de générer du HTML dynamique. Si le mode [SSR](/fr/guides/server-side-rendering/) est activé, tous les appels de recherche seront exécutés au moment de l'exécution.

Expand Down
4 changes: 2 additions & 2 deletions src/content/docs/fr/guides/deploy/cloudflare.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,9 @@ Pour commencer, vous aurez besoin :

2. Poussez votre code dans votre dépôt Git (GitHub, GitLab).

3. Connectez-vous au tableau de bord de Cloudflare et sélectionnez votre compte dans **Comptes** > **Workers et Pages**.
3. Connectez-vous au tableau de bord de Cloudflare et sélectionnez votre compte dans **Comptes** > **Workers et Pages** > **Vue d’ensemble**.

4. Sélectionnez **Créer une application**, naviguez dans l'onglet **Pages** et cliquez sur **Se connecter à Git**.
4. Sélectionnez **Créer**, naviguez dans l'onglet **Pages** et cliquez sur **Se connecter à Git**.

5. Sélectionnez le projet git que vous souhaitez déployer et cliquez sur **Commencer la configuration**.

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/deploy/netlify.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ Vous pouvez également créer un nouveau site sur Netlify et relier votre dépô

### Définir une version de Node.js

Si vous utilisez une ancienne [image de build (EN)](https://docs.netlify.com/configure-builds/get-started/#build-image-selection) (Xenial) sur Netlify, assurez-vous que votre version de Node.js est définie. Astro requiert la version `v18.14.1` ou une version plus récente.
Si vous utilisez une ancienne [image de build (EN)](https://docs.netlify.com/configure-builds/get-started/#build-image-selection) (Xenial) sur Netlify, assurez-vous que votre version de Node.js est définie. Astro requiert la version `v18.17.1` or `v20.3.0` ou une version plus récente.

Vous pouvez [spécifier votre version de Node.js dans Netlify (EN)](https://docs.netlify.com/configure-builds/manage-dependencies/#node-js-and-javascript) en utilisant :
- un fichier [`.nvmrc`](https://github.com/nvm-sh/nvm#nvmrc) dans votre répertoire de base.
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/deploy/render.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ Vous pouvez déployer votre projet Astro sur [Render](https://render.com/), un s
4. Donnez un nom à votre site web, sélectionnez la branche et spécifiez la commande de construction et le répertoire de publication
- **build command:** `npm run build` (Commande de construction)
- **publish directory:** `dist` (Répertoire de publication)
- **Environment variables (advanced)**: (Variables d'environnement) Par défaut, Render utilise Node.js 14.17.0, mais Astro [nécessite une version supérieure](/fr/install-and-setup/#prerequisites). Ajoutez une variable d'environnement avec une **Variable key** (clé de variable) de `NODE_VERSION` et une **Value** (Valeur) de `18.14.1` ou plus pour dire à Render d'utiliser une version compatible de Node.js. Alternativement, ajoutez un fichier [`.node-version`](https://render.com/docs/node-version) ou [`.nvmrc`](https://render.com/docs/node-version) a votre projet pour spécifier la version de Node.js.
- **Environment variables (advanced)**: (Variables d'environnement) Par défaut, Render utilise Node.js 14.17.0, mais Astro [nécessite une version supérieure](/fr/install-and-setup/#prerequisites). Ajoutez une variable d'environnement avec une **Variable key** (clé de variable) de `NODE_VERSION` et une **Value** (Valeur) de `v18.17.1` or `v20.3.0` ou plus pour dire à Render d'utiliser une version compatible de Node.js. Alternativement, ajoutez un fichier [`.node-version`](https://render.com/docs/node-version) ou [`.nvmrc`](https://render.com/docs/node-version) a votre projet pour spécifier la version de Node.js.

5. Cliquez sur le bouton **Create Static Site**
</Steps>
14 changes: 5 additions & 9 deletions src/content/docs/fr/guides/deploy/vercel.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,11 @@ Votre projet Astro peut être déployé sur Vercel en tant que site statique, ou

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 sur Vercel.

### Adapteur pour SSR
### Adaptateur pour SSR

Pour activer le SSR dans votre projet Astro et le déployer sur Vercel:
Pour activer le SSR dans votre projet Astro et le déployer sur Vercel :

Ajoutez [l'adapteur Vercel](/fr/guides/integrations-guide/vercel/) pour activer le SSR dans votre projet Astro avec la commande `astro add` suivante. Ceci installera l'adapteur et apportera les changements appropriés à votre fichier `astro.config.mjs` en une seule étape.
Ajoutez [l'adaptateur Vercel](/fr/guides/integrations-guide/vercel/) pour activer le SSR dans votre projet Astro avec la commande `astro add` suivante. Ceci installera l'adaptateur et apportera les changements appropriés à votre fichier `astro.config.mjs` en une seule étape.

```bash
npx astro add vercel
Expand All @@ -32,7 +32,7 @@ npx astro add vercel
Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes suivantes :

<Steps>
1. Installez [l'adapteur `@astrojs/vercel`](/fr/guides/integrations-guide/vercel/) dans les 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 :
1. Installez [l'adaptateur `@astrojs/vercel`](/fr/guides/integrations-guide/vercel/) dans les 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 @astrojs/vercel
Expand Down Expand Up @@ -67,7 +67,7 @@ Vous pouvez déployer Vercel via l'interface utilisateur du site web ou en utili
4. Votre application est déployée ! (ex : [astro.vercel.app](https://astro.vercel.app/))
</Steps>

Une fois que votre projet a été importé et déployé, tous les pushes ultérieures vers les bracnhes généreront des [Déploiements de prévisualisation (EN)](https://vercel.com/docs/concepts/deployments/environments#preview), et toutes les modifications apportées à la branche de production (communément appelée "main") donneront lieu à un [Déploiement de production (EN)](https://vercel.com/docs/concepts/deployments/environments#production).
Une fois que votre projet a été importé et déployé, tous les pushes ultérieures vers les branches généreront des [Déploiements de prévisualisation (EN)](https://vercel.com/docs/concepts/deployments/environments#preview), et toutes les modifications apportées à la branche de production (communément appelée "main") donneront lieu à un [Déploiement de production (EN)](https://vercel.com/docs/concepts/deployments/environments#production).

<ReadMore>Apprenez-en plus sur l'[Intégration Git de Vercel (EN)](https://vercel.com/docs/concepts/git).</ReadMore>

Expand All @@ -93,7 +93,3 @@ Une fois que votre projet a été importé et déployé, tous les pushes ultéri
Vous pouvez utiliser `vercel.json` pour surcharger le comportement par défaut de Vercel et pour configurer des paramètres supplémentaires. Par exemple, vous pouvez souhaiter attacher des en-têtes aux réponses HTTP de vos déploiements.

<ReadMore>En savoir plus sur la [configuration Vercel (EN)](https://vercel.com/docs/project-configuration).</ReadMore>

### Mise à jour vers Astro 2.0

Astro v2.0 ne supporte plus Node 14, assurez-vous donc que votre projet utilise **Node `18.14.1` ou plus récent**. Vous pouvez [définir la version de Node.js (EN)](https://vercel.com/changelog/node-js-version-now-customizable-in-the-project-settings)utilisée pendant l'étape de construction et les fonctions Serverless à partir de la page General sous Project Settings.
Loading

0 comments on commit 94b7a24

Please sign in to comment.