Next.js

JoyMini Blog — 多语言博客平台的 SSG/SSR/ISR 混合渲染与极致性能优化实践

基于 Next.js 14 + Cloudflare 构建的高性能多语言技术博客平台，支持 6 种语言、PWA 离线访问、AI 自动翻译管道、26 项首页极致优化

JoyMini Admin — Next.js 智能管理后台架构实践

基于 Next.js 14 App Router + Zustand + TanStack Query 构建的企业级全功能运营管理后台，覆盖 20+ 业务模块

JoyMini Admin Blog — 博客 CMS 管理后台架构实践

基于 Next.js 15 + TanStack Query + Zustand 构建的博客内容管理平台，支撑 6 语言多站点博客的全生命周期内容运营

Blog 前端性能优化实战：从 Lighthouse 50 分到 100 分的 10 项改造

基于 JoyMini Blog 的 Lighthouse 性能优化实战经验，系统记录 10 项性能改造措施的完整过程，包括 viewport 可访问性修复、图片体积优化、视频延迟加载、第三方脚本懒加载、JavaScript 分包策略等，涵盖 P0 紧急修复到 P2 渐进增强的全部分类。

前端生产环境日志治理：Next.js 中禁用 console.log 的最佳实践

本文系统梳理了 Next.js 项目在生产环境中禁用 console.* 日志的三种方案——compiler.removeConsole、TerserPlugin pure_funcs 和 Worker 手动处理，以及三端（frontend-blog / admin-blog / admin-next）的落地实践。

Next.js 返回导航完全指南：滚动位置恢复、URL 参数保持与 iOS 安全区域

本文深入剖析了 Next.js App Router 下返回导航滚动恢复失效的三大根因——sessionStorage 条件误判、URL 参数丢失、React Strict Mode 双重挂载，以及连带修复的 iOS Safari 安全区域抖动和 CategoryFilter 选项卡抖动问题。

Quill 富文本视频嵌入到 HLS 自适应播放：前端替换完整实现

本文详细讲解在博客系统中，如何将 Quill 富文本编辑器嵌入的 MP4 视频标签，在文章详情页自动替换为 HLS m3u8 自适应流播放。涵盖后端转换管道、meta.contentVideo 多视频存储、前端 Markdown/HTML 双路径替换、IndexedDB 缓存层修复，以及实践中的 6 个关键 Bug 和修复方案。

BlurhashImage — SSR 安全的 BlurHash 占位符组件与"像文字一样平滑"的渲染策略

Next.js Admin SSR 体验优化实战：从 3.5s LCP 到 1.2s 的系统化方法

React Query 平台适配器：三端统一数据请求与自动降级策略