Performance

JoyMini Blog — SSG/SSR/ISR Hybrid Rendering and Extreme Performance Optimization Practices for a Multilingual Blog Platform

A high-performance multilingual technical blog platform built with Next.js 14 + Cloudflare, supporting 6 languages, PWA offline access, AI-powered translation pipeline, and 26 extreme homepage optimizations

Blog Frontend Performance Optimization Practice: 10 Improvements from Lighthouse Score 50 to 100

Based on the Lighthouse performance optimization experience of JoyMini Blog, this article systematically documents the complete process of 10 performance improvement measures, including viewport accessibility fixes, image size optimization, video lazy loading, third-party script lazy loading, JavaScript chunking strategy, etc., covering all categories from P0 emergency fixes to P2 progressive enhancements.

Frontend Production Environment Log Governance: Best Practices for Disabling console.log in Next.js

This article systematically reviews three approaches to disabling console.* logs in Next.js projects in production—compiler.removeConsole, TerserPlugin pure_funcs, and manual Worker handling—along with the practical implementation across three endpoints (frontend-blog / admin-blog / admin-next).

Production Environment Node.js OOM Investigation and Fix: A Complete Record from 300MB Limit to SSE Leak

This article fully documents the investigation process of a NestJS backend crashing in production due to a JavaScript Heap OOM. It analyzes three compounding factors (tight heap limit, SSE connection leak, Prisma memory usage) and provides a step-by-step fix plan.

4-Core Server Backend Optimization Report: Why Cluster Mode Is Not the Answer

This article documents the multi-core optimization evaluation process for a NestJS API backend deployed on a 4-core VPS. It analyzes the feasibility of Cluster mode, UV_THREADPOOL_SIZE, database query optimization, Redis caching, and Nginx cache tuning one by one, ultimately concluding that "the bottleneck is DB I/O, not CPU."

BlurhashImage — SSR-Safe BlurHash Placeholder Component with "Smooth as Text" Rendering Strategy

NestJS Like Deduplication: Fingerprint + Redis Guard Pattern with Distributed Lock

The like endpoint of the blog system implements an anti-spam mechanism using the Fingerprint + Redis Guard pattern. This covers the fingerprint formula (MD5 hash), SET NX atomic operation, 24-hour expiration strategy, and a graceful degradation plan when Redis is unavailable.

Next.js Admin SSR Experience Optimization in Practice: A Systematic Approach from 3.5s LCP to 1.2s

React Query Platform Adapter: Unified Data Requests and Automatic Degradation Strategy for Three Platforms

Admin Panel Large File Upload Optimization: A Pitfall Chronicle from Multer OOM to Presigned URL Direct Upload