Introduction à la formation NextJS
Présentation de NextJS
Avantages de NextJS par rapport à d’autres frameworks
Architecture et fonctionnement de NextJS
Installation et configuration de l’environnement de développement
Configuration et personnalisation d’un projet NextJS
Création d’un nouveau projet NextJS
Structure de dossiers et fichiers
Configuration de l’environnement (fichiers _app.js, _document.js, next.config.js)
Importation de CSS et de bibliothèques tierces (exemple : Bootstrap, Material-UI)
Gestion des variables d’environnement
Exemple de cas pratiques : Création d’un projet NextJS avec une configuration personnalisée
Gestion des pages et des routes
Création de pages statiques et dynamiques (fichier-route, paramètres de requête)
Système de fichiers et API de données (getStaticProps, getStaticPaths, getServerSideProps)
Navigation entre les pages (Link, useRouter)
Gestion des erreurs et des redirections
Exemple de cas pratiques : Création d’un blog avec pages statiques et dynamiques
Optimisation des performances et du référencement
Rendu côté serveur (SSR) et génération de site statique (SSG)
Optimisation des images avec NextJS Image Component
Gestion du référencement et des métadonnées (exemple : utilisation de Head)
Utilisation de techniques de performance (lazy-loading, code-splitting)
Exemple de cas pratiques : Optimisation d’un site e-commerce pour les performances et le référencement
Déploiement et maintenance
Processus de build et d’exportation
Déploiement sur des plateformes populaires (exemple : Vercel, Netlify)
Mise à jour et maintenance des applications NextJS
Surveillance des performances et de la disponibilité
Exemple de cas pratiques : Déploiement d’une application NextJS sur Vercel
