Latest Articles

Explore our latest published content

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

Project Cases

JoyMini API — Enterprise-Level NestJS Backend Architecture Practice

A unified backend platform built with NestJS + Prisma + PostgreSQL + Redis + BullMQ, supporting 200+ API endpoints across 4 frontend applications

Project Cases

JoyMini Admin — Next.js Smart Admin Dashboard Architecture Practice

An enterprise-grade full-featured operations management dashboard built with Next.js 14 App Router + Zustand + TanStack Query, covering 20+ business modules.

Project Cases

JoyMini Admin Blog — Blog CMS Admin Panel Architecture Practice

A blog content management platform built with Next.js 15 + TanStack Query + Zustand, supporting full lifecycle content operations for a 6-language multi-site blog.

Project Cases

CI/CD Reusable Workflow Pattern: DRY Practices for Monorepo Multi-Application Deployment

Based on the real-world CI/CD refactoring experience of the JoyMini Monorepo, this article provides an in-depth analysis of how to eliminate redundant code in multi-application deployment pipelines within GitHub Actions and GitLab CI, achieving "define once, reuse multiple times."

Operations and Deployment

S3 Browser Direct Upload CORS Pitfall Record: Complete Debugging Process from "Network Error" to Dual-Cloud Upload

Based on practical experience with the JoyMini dual-cloud storage architecture, this article fully documents the debugging process from "Featured image upload failed: network error" to identifying the missing CORS configuration on the S3 bucket, including analysis of the browser preflight mechanism, CLI instant fix, CDK persistent configuration, and key differences in CORS behavior between R2 and S3.

Operations and Deployment

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.

Performance Optimization

S3→R2 Cross-Cloud Disaster Recovery Sync Deep Architecture: A Complete Practice from Real-time Events to Incremental Synchronization

Based on JoyMini's real project experience, this article provides an in-depth analysis of the complete architectural design of an S3 to Cloudflare R2 cross-cloud disaster recovery synchronization system. It covers SQS real-time event-driven pipelines, Lambda concurrent streaming optimization, ETag incremental detection, DLQ+SNS failure notification mechanisms, and AWS CDK Infrastructure as Code best practices.

Operations and Deployment

JoyMini AWS Cloud Infrastructure Practical Summary: Complete Deployment from ECS Fargate to S3 + CloudFront

Based on real experience from the JoyMini project, this article systematically summarizes the complete practice of building AWS cloud infrastructure from scratch, including ECS Fargate container deployment, ALB + ACM domain integration, S3 + CloudFront OAC image storage, CDK Infrastructure as Code, and GitHub Actions CI/CD automation pipelines.

H5 Web OAuth Popup Login: From Popup Blocking to Three-Channel Redundancy Complete Implementation

In-depth analysis of the complete implementation of H5 Web OAuth popup login, including synchronously opening a blank popup to bypass blockers, three-channel Token redundant communication (postMessage + StorageEvent + localStorage polling) to solve Chrome background tab throttling issues, and full-process bug debugging experience summary.

Multi-platform