Guides
Récupération de données
- Utilisation de l'API
fetch
- Utilisation d'un ORM ou d'un client de base de données
- Lecture des paramètres de recherche côté serveur
- Lecture des paramètres de recherche côté client
Révalidation des données
- Utilisation de l'ISR pour révalider les données après un certain temps
- Utilisation de l'ISR pour révalider les données à la demande
Formulaires
- Affichage d'un état pendant la soumission d'un formulaire
- Validation côté serveur des formulaires
- Gestion des erreurs attendues
- Gestion des exceptions inattendues
- Affichage des mises à jour optimistes de l'interface
- Soumission programmatique de formulaires
Actions serveur
- Passage de valeurs supplémentaires
- Révalidation des données
- Redirection
- Définition de cookies
- Suppression de cookies
Métadonnées
- Création d'un flux RSS
- Création d'une image Open Graph
- Création d'un sitemap
- Création d'un fichier robots.txt
- Création d'une page 404 personnalisée
- Création d'une page 500 personnalisée
Authentification
- Création d'un formulaire d'inscription
- Gestion de session sans état basée sur les cookies
- Gestion de session avec état basée sur une base de données
- Gestion des autorisations
Tests
Déploiement
- Création d'un Dockerfile
- Création d'une exportation statique (SPA)
- Configuration du cache en auto-hébergement
- Configuration de l'optimisation d'images en auto-hébergement
Analytique
Mesurez et suivez les performances des pages avec Next.js Speed Insights
Authentification
Découvrez comment implémenter l'authentification dans votre application Next.js.
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
Utilisation des bibliothèques CSS-in-JS avec Next.js
Serveur personnalisé
Démarrer une application Next.js de manière programmatique en utilisant un serveur personnalisé.
Débogage
Apprenez à déboguer votre application Next.js avec VS Code, Chrome DevTools ou Firefox DevTools.
Mode brouillon
Next.js propose un mode brouillon pour basculer entre les pages statiques et dynamiques. Découvrez ici comment cela fonctionne avec App Router.
Variables d'environnement
Apprenez à ajouter et accéder aux variables d'environnement dans votre application Next.js.
Formulaires
Apprenez à créer des formulaires dans Next.js avec les Server Actions de React.
ISR
Apprenez à créer ou mettre à jour des pages statiques au moment 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
Ajoutez la prise en charge de plusieurs langues avec un routage internationalisé et un contenu localisé.
JSON-LD
Apprenez à ajouter JSON-LD à votre application Next.js pour décrire votre contenu aux moteurs de recherche et à l'IA.
Chargement différé
Chargez en différé les bibliothèques importées et les composants React pour améliorer les performances de chargement de votre application.
Environnement de développement
Apprenez à optimiser votre environnement de développement local avec Next.js.
MDX
Apprenez à configurer MDX et à l'utiliser dans vos applications Next.js.
Utilisation de la mémoire
Optimisez la mémoire utilisée par votre application en développement et en production.
Multi-locataire
Découvrez comment créer des applications multi-locataires avec le routeur App.
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 même domaine.
OpenTelemetry
Apprenez à instrumenter votre application Next.js avec OpenTelemetry.
Regroupement de paquets
Apprenez à optimiser les bundles serveur et client de votre application.
Production
Recommandations pour garantir les meilleures performances et expérience utilisateur avant de mettre votre application Next.js en production.
PWAs
Découvrez comment construire une application web progressive (PWA) avec Next.js.
Redirections
Découvrez les différentes méthodes pour gérer les redirections dans Next.js.
Sass
Comment styliser votre application Next.js avec Sass.
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).
SPAs
Next.js prend entièrement en charge la création d'applications monopages (Single-Page Applications ou SPAs).
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.
Tailwind CSS
Stylisez votre application Next.js en utilisant Tailwind CSS.
Bibliothèques tierces
Optimisez les performances des bibliothèques tierces dans votre application avec le package `@next/third-parties`.
Vidéos
Recommandations et bonnes pratiques pour optimiser les vidéos dans votre application Next.js.
Migration
Apprenez comment migrer depuis des frameworks populaires vers Next.js
Tests
Apprenez comment configurer Next.js avec quatre outils de test couramment utilisés — Cypress, Playwright, Vitest et Jest.
Mise à niveau
Découvrez comment effectuer une mise à jour vers les dernières versions de Next.js.