Next.js pour des produits scalables : SSR, SEO & App Router
Patterns de production pour des UIs SEO-first, server components et performances. Au service de plateformes comme TravelOS.
SSR vs CSR
Rendu côté serveur pour les pages critiques SEO : landing, destinations, articles. Rendu côté client pour les tableaux de bord et formulaires. Approche hybride pour UX et crawlabilité.
Contenu dynamique avec génération statique quand possible. ISR pour un contenu mis à jour périodiquement.
UI orientée SEO
Métadonnées optimisées par page. OpenGraph et Twitter cards. Données structurées (Schema.org). URLs canoniques.
Génération de sitemap, robots.txt, HTML sémantique. LCP et CLS pour les Core Web Vitals. Ces patterns alimentent TravelOS et d’autres plateformes.
Architecture App Router
App Router avec server components par défaut. Data fetching colocalisé. Streaming pour un rendu progressif. Layouts et routes imbriquées.
Client components uniquement pour l’interactivité. Bundle réduit et chargement initial plus rapide.
Optimisation des performances
next/image pour les images, next/font pour les polices. Lazy loading pour le contenu below-the-fold. Objectif Lighthouse 95+.
Stratégies de cache, edge quand pertinent. JavaScript minimal pour les pages riches en contenu.