Next.js

JoyMini Blog — Pratiques de rendu hybride SSG/SSR/ISR et d'optimisation extrême des performances pour une plateforme de blog multilingue

Plateforme de blog technique multilingue haute performance construite avec Next.js 14 + Cloudflare, prenant en charge 6 langues, accès hors ligne PWA, pipeline de traduction automatique AI, et 26 optimisations extrêmes de la page d'accueil

JoyMini Admin — Pratiques d'architecture de panneau d'administration intelligent avec Next.js

Un panneau d'administration d'exploitation complet d'entreprise construit avec Next.js 14 App Router + Zustand + TanStack Query, couvrant plus de 20 modules métier

JoyMini Admin Blog — Pratiques d'architecture du panneau d'administration CMS pour blog

Plateforme de gestion de contenu de blog construite avec Next.js 15 + TanStack Query + Zustand, supportant l'exploitation complète du cycle de vie du contenu pour un blog multilingue en 6 langues

Blog Optimisation des Performances Frontend : 10 Améliorations de Lighthouse de 50 à 100 Points

Basé sur l'expérience pratique d'optimisation des performances Lighthouse de JoyMini Blog, ce document répertorie systématiquement le processus complet de 10 mesures d'amélioration des performances, y compris la correction de l'accessibilité du viewport, l'optimisation du volume des images, le chargement différé des vidéos, le chargement paresseux des scripts tiers, la stratégie de分包 JavaScript, etc., couvrant toutes les catégories de la correction urgente P0 à l'amélioration progressive P2.

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"

Optimisation pratique de l'expérience SSR pour l'admin Next.js : une approche systématique de 3,5 s à 1,2 s de LCP

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