diff --git a/apps/docs/content/fr/docs/01-app/01-getting-started/01-installation.mdx b/apps/docs/content/fr/docs/01-app/01-getting-started/01-installation.mdx
new file mode 100644
index 00000000..861fae96
--- /dev/null
+++ b/apps/docs/content/fr/docs/01-app/01-getting-started/01-installation.mdx
@@ -0,0 +1,341 @@
+---
+source-updated-at: 2025-06-01T01:32:20.000Z
+translation-updated-at: 2025-06-02T20:03:23.405Z
+title: Comment configurer un nouveau projet Next.js
+nav_title: Installation
+description: Créez une nouvelle application Next.js avec l'interface CLI `create-next-app`, et configurez TypeScript, ESLint et les alias de module.
+---
+
+{/* Le contenu de ce document est partagé entre le routeur App et Pages. Vous pouvez utiliser le composant `Contenu` pour ajouter du contenu spécifique au routeur Pages. Tout contenu partagé ne doit pas être encapsulé dans un composant. */}
+
+## Configuration système requise
+
+Avant de commencer, assurez-vous que votre système répond aux exigences suivantes :
+
+- [Node.js 18.18](https://nodejs.org/) ou version ultérieure.
+- macOS, Windows (y compris WSL), ou Linux.
+
+## Installation automatique
+
+Le moyen le plus rapide de créer une nouvelle application Next.js est d'utiliser [`create-next-app`](/docs/app/api-reference/cli/create-next-app), qui configure tout automatiquement pour vous. Pour créer un projet, exécutez :
+
+```bash filename="Terminal"
+npx create-next-app@latest
+```
+
+Lors de l'installation, vous verrez les invites suivantes :
+
+```txt filename="Terminal"
+Quel est le nom de votre projet ? my-app
+Souhaitez-vous utiliser TypeScript ? Non / Oui
+Souhaitez-vous utiliser ESLint ? Non / Oui
+Souhaitez-vous utiliser Tailwind CSS ? Non / Oui
+Souhaitez-vous placer votre code dans un répertoire `src/` ? Non / Oui
+Souhaitez-vous utiliser le routeur App ? (recommandé) Non / Oui
+Souhaitez-vous utiliser Turbopack pour `next dev` ? Non / Oui
+Souhaitez-vous personnaliser l'alias d'importation (`@/*` par défaut) ? Non / Oui
+Quel alias d'importation souhaitez-vous configurer ? @/*
+```
+
+Après les invites, [`create-next-app`](/docs/app/api-reference/cli/create-next-app) créera un dossier avec le nom de votre projet et installera les dépendances nécessaires.
+
+## Installation manuelle
+
+Pour créer manuellement une nouvelle application Next.js, installez les paquets requis :
+
+```bash filename="Terminal"
+npm install next@latest react@latest react-dom@latest
+```
+
+Ensuite, ajoutez les scripts suivants à votre fichier `package.json` :
+
+```json filename="package.json"
+{
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ }
+}
+```
+
+Ces scripts correspondent aux différentes étapes du développement d'une application :
+
+- `next dev` : Démarre le serveur de développement.
+- `next build` : Construit l'application pour la production.
+- `next start` : Démarre le serveur de production.
+- `next lint` : Exécute ESLint.
+
+
+
+### Créer le répertoire `app`
+
+Next.js utilise le routage par système de fichiers, ce qui signifie que les routes de votre application sont déterminées par la structure de vos fichiers.
+
+Créez un dossier `app`. Ensuite, à l'intérieur de `app`, créez un fichier `layout.tsx`. Ce fichier est le [layout racine](/docs/app/api-reference/file-conventions/layout#root-layout). Il est obligatoire et doit contenir les balises `` et ``.
+
+```tsx filename="app/layout.tsx" switcher
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+```jsx filename="app/layout.js" switcher
+export default function RootLayout({ children }) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+Créez une page d'accueil `app/page.tsx` avec un contenu initial :
+
+```tsx filename="app/page.tsx" switcher
+export default function Page() {
+ return Bonjour, Next.js !
+}
+```
+
+```jsx filename="app/page.js" switcher
+export default function Page() {
+ return Bonjour, Next.js !
+}
+```
+
+Les fichiers `layout.tsx` et `page.tsx` seront rendus lorsque l'utilisateur visitera la racine de votre application (`/`).
+
+
+
+> **Bon à savoir** :
+>
+> - Si vous oubliez de créer le layout racine, Next.js créera automatiquement ce fichier lors de l'exécution du serveur de développement avec `next dev`.
+> - Vous pouvez optionnellement utiliser un [dossier `src`](/docs/app/api-reference/file-conventions/src-folder) à la racine de votre projet pour séparer le code de votre application des fichiers de configuration.
+
+
+
+
+
+### Créer le répertoire `pages`
+
+Next.js utilise le routage par système de fichiers, ce qui signifie que les routes de votre application sont déterminées par la structure de vos fichiers.
+
+Créez un répertoire `pages` à la racine de votre projet. Ensuite, ajoutez un fichier `index.tsx` dans votre dossier `pages`. Ce sera votre page d'accueil (`/`) :
+
+```tsx filename="pages/index.tsx" switcher
+export default function Page() {
+ return Bonjour, Next.js !
+}
+```
+
+```jsx filename="pages/index.js" switcher
+export default function Page() {
+ return Bonjour, Next.js !
+}
+```
+
+Ensuite, ajoutez un fichier `_app.tsx` dans `pages/` pour définir le layout global. En savoir plus sur le [fichier App personnalisé](/docs/pages/building-your-application/routing/custom-app).
+
+```tsx filename="pages/_app.tsx" switcher
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+ return
+}
+```
+
+```jsx filename="pages/_app.js" switcher
+export default function App({ Component, pageProps }) {
+ return
+}
+```
+
+Enfin, ajoutez un fichier `_document.tsx` dans `pages/` pour contrôler la réponse initiale du serveur. En savoir plus sur le [fichier Document personnalisé](/docs/pages/building-your-application/routing/custom-document).
+
+```tsx filename="pages/_document.tsx" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+
+
+
+
+
+ )
+}
+```
+
+```jsx filename="pages/_document.js" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+