Skip to content

Commit 910275c

Browse files
committed
docs: update documentation translations
1 parent 4b7aa80 commit 910275c

File tree

594 files changed

+78008
-148
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

594 files changed

+78008
-148
lines changed

apps/docs/content/fr/docs/01-app/01-getting-started/10-updating-data.mdx

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
---
2-
source-updated-at: 2025-06-01T01:32:20.000Z
3-
translation-updated-at: 2025-06-02T20:02:02.492Z
4-
title: Comment mettre à jour les données
2+
source-updated-at: 2025-06-03T15:30:49.000Z
3+
translation-updated-at: 2025-06-06T16:52:39.859Z
4+
title: Comment mettre à jour des données
55
nav_title: Mise à jour des données
6-
description: Apprenez comment mettre à jour les données dans votre application Next.js.
6+
description: Apprenez à mettre à jour des données dans votre application Next.js.
77
related:
88
title: Référence API
9-
description: En savoir plus sur les fonctionnalités mentionnées dans cette page en consultant la référence API.
9+
description: En savoir plus sur les fonctionnalités mentionnées dans cette page en consultant la Référence API.
1010
links:
1111
- app/api-reference/functions/revalidatePath
1212
- app/api-reference/functions/revalidateTag
1313
- app/api-reference/functions/redirect
1414
---
1515

16-
Vous pouvez mettre à jour les données dans Next.js en utilisant les [Fonctions Serveur (Server Functions)](https://react.dev/reference/rsc/server-functions) de React. Cette page explique comment [créer](#creating-server-functions) et [invoquer](#invoking-server-functions) des Fonctions Serveur.
16+
Vous pouvez mettre à jour des données dans Next.js en utilisant les [Fonctions Serveur (Server Functions)](https://react.dev/reference/rsc/server-functions) de React. Cette page explique comment [créer](#creating-server-functions) et [invoquer](#invoking-server-functions) des Fonctions Serveur.
1717

1818
## Fonctions Serveur
1919

20-
Une Fonction Serveur est une fonction asynchrone exécutée sur le serveur. Les Fonctions Serveur sont intrinsèquement asynchrones car elles sont invoquées par le client via une requête réseau. Lorsqu'elles sont invoquées dans le cadre d'une `action`, elles sont également appelées **Actions Serveur (Server Actions)**.
20+
Une Fonction Serveur est une fonction asynchrone exécutée sur le serveur. Les Fonctions Serveur sont intrinsèquement asynchrones car elles sont invoquées par le client via une requête réseau. Lorsqu'elles sont invoquées dans le cadre d'une `action`, elles sont aussi appelées **Actions Serveur (Server Actions)**.
2121

2222
Par convention, une `action` est une fonction asynchrone passée à `startTransition`. Les Fonctions Serveur sont automatiquement encapsulées avec `startTransition` lorsque :
2323

24-
- Elles sont passées à un `<form>` via la prop `action`,
25-
- Elles sont passées à un `<button>` via la prop `formAction`
26-
- Elles sont passées à `useActionState`
24+
- Passées à un `<form>` via la prop `action`,
25+
- Passées à un `<button>` via la prop `formAction`
26+
- Passées à `useActionState`
2727

2828
## Création de Fonctions Serveur
2929

30-
Une Fonction Serveur peut être définie en utilisant la directive [`use server`](https://react.dev/reference/rsc/use-server). Vous pouvez placer la directive en haut d'une fonction **asynchrone** pour marquer la fonction comme Fonction Serveur, ou en haut d'un fichier séparé pour marquer toutes les exportations de ce fichier.
30+
Une Fonction Serveur peut être définie en utilisant la directive [`use server`](https://react.dev/reference/rsc/use-server). Vous pouvez placer la directive en haut d'une fonction **asynchrone** pour marquer la fonction comme Fonction Serveur, ou en haut d'un fichier séparé pour marquer toutes ses exportations.
3131

3232
```ts filename="app/lib/actions.ts" switcher
3333
export async function createPost(formData: FormData) {
@@ -69,7 +69,7 @@ export async function deletePost(formData) {
6969

7070
### Composants Serveur
7171

72-
Les Fonctions Serveur peuvent être intégrées dans les Composants Serveur en ajoutant la directive `"use server"` en haut du corps de la fonction :
72+
Les Fonctions Serveur peuvent être intégrées dans des Composants Serveur en ajoutant la directive `"use server"` en haut du corps de la fonction :
7373

7474
```tsx filename="app/page.tsx" switcher
7575
export default function Page() {
@@ -86,7 +86,7 @@ export default function Page() {
8686
```jsx filename="app/page.js" switcher
8787
export default function Page() {
8888
// Action Serveur
89-
async function createPost(formData: FormData) {
89+
async function createPost(formData) {
9090
'use server'
9191
// ...
9292
}
@@ -97,7 +97,7 @@ export default function Page() {
9797

9898
### Composants Client
9999

100-
Il n'est pas possible de définir des Fonctions Serveur dans les Composants Client. Cependant, vous pouvez les invoquer dans les Composants Client en les important depuis un fichier qui contient la directive `"use server"` en haut :
100+
Il n'est pas possible de définir des Fonctions Serveur dans des Composants Client. Cependant, vous pouvez les invoquer dans des Composants Client en les important depuis un fichier contenant la directive `"use server"` en haut :
101101

102102
```ts filename="app/actions.ts" switcher
103103
'use server'
@@ -140,7 +140,7 @@ Il existe deux principales façons d'invoquer une Fonction Serveur :
140140

141141
### Formulaires
142142

143-
React étend l'élément HTML [`<form>`](https://react.dev/reference/react-dom/components/form) pour permettre l'invocation d'une Fonction Serveur avec la prop HTML `action`.
143+
React étend l'élément HTML [`<form>`](https://react.dev/reference/react-dom/components/form) pour permettre l'invocation d'une Fonction Serveur via la prop HTML `action`.
144144

145145
Lorsqu'elle est invoquée dans un formulaire, la fonction reçoit automatiquement l'objet [`FormData`](https://developer.mozilla.org/docs/Web/API/FormData/FormData). Vous pouvez extraire les données en utilisant les [méthodes natives de `FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData#instance_methods) :
146146

@@ -196,7 +196,7 @@ export async function createPost(formData) {
196196
}
197197
```
198198

199-
> **Bon à savoir :** Lorsqu'elle est passée à la prop `action`, les Fonctions Serveur sont également appelées _Actions Serveur (Server Actions)_.
199+
> **Bon à savoir :** Lorsqu'elle est passée à la prop `action`, une Fonction Serveur est aussi appelée _Action Serveur (Server Action)_.
200200
201201
### Gestionnaires d'événements
202202

@@ -213,7 +213,7 @@ export default function LikeButton({ initialLikes }: { initialLikes: number }) {
213213

214214
return (
215215
<>
216-
<p>Total Likes : {likes}</p>
216+
<p>Total de likes : {likes}</p>
217217
<button
218218
onClick={async () => {
219219
const updatedLikes = await incrementLike()
@@ -238,7 +238,7 @@ export default function LikeButton({ initialLikes }) {
238238

239239
return (
240240
<>
241-
<p>Total Likes : {likes}</p>
241+
<p>Total de likes : {likes}</p>
242242
<button
243243
onClick={async () => {
244244
const updatedLikes = await incrementLike()
@@ -261,15 +261,15 @@ Pendant l'exécution d'une Fonction Serveur, vous pouvez afficher un indicateur
261261
```tsx filename="app/ui/button.tsx" switcher
262262
'use client'
263263
264-
import { useActionState } from 'react'
264+
import { useActionState, startTransition } from 'react'
265265
import { createPost } from '@/app/actions'
266266
import { LoadingSpinner } from '@/app/ui/loading-spinner'
267267
268268
export function Button() {
269269
const [state, action, pending] = useActionState(createPost, false)
270270
271271
return (
272-
<button onClick={async () => action()}>
272+
<button onClick={() => startTransition(action)}>
273273
{pending ? <LoadingSpinner /> : 'Créer un article'}
274274
</button>
275275
)
@@ -279,15 +279,15 @@ export function Button() {
279279
```jsx filename="app/ui/button.js" switcher
280280
'use client'
281281
282-
import { useActionState } from 'react'
282+
import { useActionState, startTransition } from 'react'
283283
import { createPost } from '@/app/actions'
284284
import { LoadingSpinner } from '@/app/ui/loading-spinner'
285285
286286
export function Button() {
287287
const [state, action, pending] = useActionState(createPost, false)
288288
289289
return (
290-
<button onClick={async () => action()}>
290+
<button onClick={() => startTransition(action)}>
291291
{pending ? <LoadingSpinner /> : 'Créer un article'}
292292
</button>
293293
)
@@ -296,7 +296,7 @@ export function Button() {
296296

297297
### Revalidation du cache
298298

299-
Après avoir effectué une mise à jour, vous pouvez revalider le cache de Next.js et afficher les données mises à jour en appelant [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) ou [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) dans la Fonction Serveur :
299+
Après une mise à jour, vous pouvez revalider le cache de Next.js et afficher les données actualisées en appelant [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) ou [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) dans la Fonction Serveur :
300300

301301
```ts filename="app/lib/actions.ts" switcher
302302
import { revalidatePath } from 'next/cache'
@@ -323,7 +323,7 @@ export async function createPost(formData) {
323323

324324
### Redirection
325325

326-
Vous pouvez rediriger l'utilisateur vers une autre page après avoir effectué une mise à jour. Pour ce faire, appelez [`redirect`](/docs/app/api-reference/functions/redirect) dans la Fonction Serveur :
326+
Vous pouvez rediriger l'utilisateur vers une autre page après une mise à jour en appelant [`redirect`](/docs/app/api-reference/functions/redirect) dans la Fonction Serveur :
327327
328328
```ts filename="app/lib/actions.ts" switcher
329329
'use server'

apps/docs/content/fr/docs/01-app/01-getting-started/14-deploying.mdx

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
---
2-
source-updated-at: 2025-06-01T01:32:20.000Z
3-
translation-updated-at: 2025-06-02T20:00:57.397Z
2+
source-updated-at: 2025-06-05T23:52:35.000Z
3+
translation-updated-at: 2025-06-06T16:51:52.474Z
44
title: Comment déployer votre application Next.js
55
nav_title: Déploiement
6-
description: Apprenez comment déployer votre application Next.js.
6+
description: Apprenez à déployer votre application Next.js.
77
---
88

99
Next.js peut être déployé en tant que serveur Node.js, conteneur Docker, export statique ou adapté pour fonctionner sur différentes plateformes.
1010

1111
| Option de déploiement | Fonctionnalités prises en charge |
12-
| -------------------------------- | -------------------------------- |
13-
| [Serveur Node.js](#nodejs-server) | Toutes |
14-
| [Conteneur Docker](#docker) | Toutes |
15-
| [Export statique](#static-export)| Limitées |
16-
| [Adaptateurs](#adapters) | Spécifiques à la plateforme |
12+
| -------------------------------- | ------------------------------- |
13+
| [Serveur Node.js](#nodejs-server) | Toutes |
14+
| [Conteneur Docker](#docker) | Toutes |
15+
| [Export statique](#static-export) | Limitées |
16+
| [Adaptateurs](#adapters) | Spécifiques à la plateforme |
1717

1818
## Serveur Node.js
1919

@@ -45,6 +45,8 @@ Next.js peut être déployé sur n'importe quel fournisseur prenant en charge le
4545

4646
Les déploiements Docker prennent en charge toutes les fonctionnalités de Next.js. Apprenez comment les [configurer](/docs/app/guides/self-hosting) pour votre infrastructure.
4747

48+
> **Remarque pour le développement :** Bien que Docker soit excellent pour les déploiements en production, envisagez d'utiliser le développement local (`npm run dev`) au lieu de Docker pendant le développement sur Mac et Windows pour de meilleures performances. [En savoir plus sur l'optimisation du développement local](/docs/app/guides/local-development).
49+
4850
### Modèles
4951

5052
- [Docker](https://github.com/vercel/next.js/tree/canary/examples/with-docker)
@@ -57,26 +59,26 @@ Les déploiements Docker prennent en charge toutes les fonctionnalités de Next.
5759

5860
## Export statique
5961

60-
Next.js permet de démarrer comme un site statique ou une [Application à Page Unique (SPA)](/docs/app/guides/single-page-applications), puis éventuellement de passer à des fonctionnalités nécessitant un serveur.
62+
Next.js permet de démarrer en tant que site statique ou [Application à Page Unique (SPA)](/docs/app/guides/single-page-applications), puis de passer ultérieurement à des fonctionnalités nécessitant un serveur.
6163

62-
Comme Next.js prend en charge les [exports statiques](/docs/app/guides/static-exports), il peut être déployé et hébergé sur n'importe quel serveur web capable de servir des assets statiques HTML/CSS/JS. Cela inclut des outils comme AWS S3, Nginx ou Apache.
64+
Puisque Next.js prend en charge les [exports statiques](/docs/app/guides/static-exports), il peut être déployé et hébergé sur n'importe quel serveur web capable de servir des ressources statiques HTML/CSS/JS. Cela inclut des outils comme AWS S3, Nginx ou Apache.
6365

64-
Fonctionner en tant qu'[export statique](/docs/app/guides/static-exports) **ne prend pas en charge** les fonctionnalités de Next.js nécessitant un serveur. [En savoir plus](/docs/app/guides/static-exports#unsupported-features).
66+
L'exécution en tant qu'[export statique](/docs/app/guides/static-exports) **ne prend pas en charge** les fonctionnalités de Next.js nécessitant un serveur. [En savoir plus](/docs/app/guides/static-exports#unsupported-features).
6567

6668
### Modèles
6769

6870
- [GitHub Pages](https://github.com/nextjs/deploy-github-pages)
6971

7072
## Adaptateurs
7173

72-
Next.js peut être adapté pour fonctionner sur différentes plateformes afin de supporter leurs capacités d'infrastructure.
74+
Next.js peut être adapté pour fonctionner sur différentes plateformes afin de prendre en charge leurs capacités d'infrastructure.
7375

74-
Consultez la documentation de chaque fournisseur pour connaître les fonctionnalités Next.js prises en charge :
76+
Consultez la documentation de chaque fournisseur pour des informations sur les fonctionnalités de Next.js prises en charge :
7577

7678
- [AWS Amplify Hosting](https://docs.amplify.aws/nextjs/start/quickstart/nextjs-app-router-client-components)
7779
- [Cloudflare](https://developers.cloudflare.com/workers/frameworks/framework-guides/nextjs)
7880
- [Deno Deploy](https://docs.deno.com/examples/next_tutorial)
7981
- [Netlify](https://docs.netlify.com/frameworks/next-js/overview/#next-js-support-on-netlify)
8082
- [Vercel](https://vercel.com/docs/frameworks/nextjs)
8183

82-
> **Note :** Nous travaillons sur une [API d'adaptateurs de déploiement](https://github.com/vercel/next.js/discussions/77740) pour que toutes les plateformes puissent l'adopter. Une fois terminée, nous ajouterons une documentation sur la création de vos propres adaptateurs.
84+
> **Remarque :** Nous travaillons sur une [API d'adaptateurs de déploiement](https://github.com/vercel/next.js/discussions/77740) pour que toutes les plateformes puissent l'adopter. Une fois terminée, nous ajouterons une documentation sur la création de vos propres adaptateurs.

0 commit comments

Comments
 (0)