Introduction/Guides

Guides

AMP

Avec une configuration minimale et sans quitter React, vous pouvez commencer à ajouter AMP et améliorer les performances et la vitesse de vos pages.

Analytics

Mesurez et suivez les performances des pages avec Next.js

Authentification

Découvrez comment implémenter l'authentification dans Next.js, y compris les bonnes pratiques, la sécurisation des routes, les techniques d'autorisation et la gestion des sessions.

Babel

Étendez le préréglage Babel ajouté par Next.js avec vos propres configurations.

Mise en cache des builds CI

Apprenez à configurer l'intégration continue pour mettre en cache les builds Next.js

Politique de Sécurité du Contenu

Apprenez à configurer une Politique de Sécurité du Contenu (CSP) pour votre application Next.js.

CSS-in-JS

Utiliser des bibliothèques CSS-in-JS avec Next.js

Serveur personnalisé

Démarrer une application Next.js programmatiquement en utilisant un serveur personnalisé.

Débogage

Apprenez à déboguer votre application Next.js avec VS Code ou Chrome DevTools.

Mode brouillon

Next.js propose un mode brouillon pour basculer entre les pages statiques et dynamiques. Découvrez comment cela fonctionne avec le routeur Pages.

Variables d'environnement

Apprenez à ajouter et accéder aux variables d'environnement dans votre application Next.js.

Formulaires

Découvrez comment gérer les soumissions de formulaires et les mutations de données avec Next.js.

ISR

Apprenez à créer ou mettre à jour des pages statiques lors de l'exécution avec la régénération statique incrémentielle.

Instrumentation

Apprenez à utiliser l'instrumentation pour exécuter du code au démarrage du serveur dans votre application Next.js

Internationalisation

Next.js prend en charge nativement le routage internationalisé et la détection de langue. Apprenez-en plus ici.

Chargement à la demande

Chargez à la demande les bibliothèques importées et les composants React pour améliorer les performances de chargement globales de votre application.

MDX

Apprenez à configurer MDX pour écrire du JSX dans vos fichiers Markdown.

Multi-Zones

Découvrez comment construire des micro-frontends en utilisant les Multi-Zones de Next.js pour déployer plusieurs applications Next.js sous un seul domaine.

OpenTelemetry

Apprenez comment instrumenter votre application Next.js avec OpenTelemetry.

Empaquetage des packages

Découvrez comment optimiser les bundles serveur et client de votre application.

PostCSS

Étendez la configuration PostCSS et les plugins ajoutés par Next.js avec vos propres configurations.

Mode Prévisualisation

Next.js dispose d'un mode prévisualisation pour les pages générées statiquement. Découvrez ici comment cela fonctionne.

Production

Recommandations pour garantir les meilleures performances et expérience utilisateur avant de mettre votre application Next.js en production.

Redirections

Découvrez les différentes méthodes pour gérer les redirections dans Next.js.

Sass

Apprenez à utiliser Sass dans votre application Next.js.

Scripts

Optimisez les scripts tiers avec le composant Script intégré.

Auto-hébergement

Apprenez à auto-héberger votre application Next.js sur un serveur Node.js, une image Docker ou des fichiers HTML statiques (export statique).

Exportations statiques

Next.js permet de démarrer comme un site statique ou une application monopage (SPA), puis de passer ultérieurement à des fonctionnalités nécessitant un serveur si besoin.

Tailwind CSS

Mettez en forme votre application Next.js avec Tailwind CSS.

Bibliothèques tierces

Optimisez les performances des bibliothèques tierces dans votre application avec le package `@next/third-parties`.

Migration

Apprenez comment migrer depuis des frameworks populaires vers Next.js

Tests

Découvrez comment configurer Next.js avec trois outils de test couramment utilisés — Cypress, Playwright, Vitest et Jest.

Mise à jour

Apprenez comment effectuer une mise à jour vers les dernières versions de Next.js.