Développement frontend

Gestion des logs en production frontend : Bonnes pratiques pour désactiver console.log dans Next.js

Cet article présente systématiquement trois solutions pour désactiver les logs console.* dans un projet Next.js en production — compiler.removeConsole, TerserPlugin pure_funcs et le traitement manuel via Worker — ainsi que leur mise en œuvre concrète sur trois fronts (frontend-blog / admin-blog / admin-next).

Guide complet de la navigation de retour dans Next.js : restauration de la position de défilement, conservation des paramètres d'URL et zone de sécurité iOS

Cet article analyse en profondeur les trois causes racines de l'échec de la restauration de la position de défilement lors de la navigation de retour sous Next.js App Router — erreur de condition sessionStorage, perte des paramètres d'URL, double montage en React Strict Mode — ainsi que les correctifs associés pour le tremblement de la zone de sécurité iOS Safari et le tremblement de l'onglet CategoryFilter.

Intégration de vidéos Quill enrichies en lecture adaptative HLS : implémentation complète du remplacement côté frontend

Cet article explique en détail comment, dans un système de blog, remplacer automatiquement les balises vidéo MP4 intégrées par l'éditeur de texte enrichi Quill par un flux adaptatif HLS m3u8 dans la page de détail de l'article. Il couvre le pipeline de transcodage backend, le stockage multi-vidéo `meta.contentVideo`, le remplacement double chemin Markdown/HTML côté frontend, la réparation de la couche de cache IndexedDB, ainsi que 6 bugs clés rencontrés en pratique et leurs solutions.

BlurhashImage — Composant de placeholder BlurHash sécurisé pour SSR avec une stratégie de rendu "aussi fluide que du texte"

Zustand + Cookie Storage — Stratégie de Persistance d'Authentification SSR

**Code source**: [`auth.store.ts`](apps/frontend-blog/src/lib/stores/auth.store.ts) (357L) · [`cookie-storage.ts`](apps/frontend-blog/src/lib/stores/cookie-storage.ts) (171L) · [`cookie-manager.ts`](apps/frontend-blog/src/lib/utils/cookie-manager.ts)

Adaptateur de plateforme React Query : requêtes de données unifiées sur trois plateformes et stratégie de dégradation automatique

Coordination de vidéos HLS entre composants React : lecture au clic + mutex vidéo unique

Ein realer Fall von Frontend-Performance-Optimierung. Durch eine `CustomEvent`-Event-Bus-Architektur kombiniert mit Lazy-Loading wird das Problem der Bandbreitenkonkurrenz durch zahlreiche Videostreams beim Laden der Startseite vollständig gelöst.

Optimisation du téléchargement de fichiers volumineux dans le panneau d'administration : du Multer OOM au transfert direct par URL pré-signée, un récit de galères

Optimisation pratique de Next.js sans squelette : ISR + architecture à quatre couches + cache sensible à la plateforme

Couche d'adaptation unifiée Fetcher pour les trois modes de Next.js : architecture de requête de données à basculement CSR/SSG/SSR

Couche de requête de données universelle conçue pour le App Router de Next.js, un seul code s'adapte automatiquement aux environnements navigateur, build et serveur. Les opérations d'écriture sont silencieusement ignorées côté serveur, et la stratégie de cache est intelligemment sélectionnée selon l'environnement.