Cloudflare

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

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."

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.

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.

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.

Cloudflare Tunnel Practical Guide: Building Public Access for Your Development Environment from Scratch

How can a locally developed service be made publicly accessible? This article is based on practical project experience, starting from common scenario pain points, and guides you step-by-step in building a secure, free, and stable solution for public access to your development environment using Cloudflare Tunnel.

Large File Chunked Upload Architecture Design: R2 Multipart Upload from Plan to Implementation

This article provides an in-depth analysis of the technical solution selection for R2 Multipart Upload chunked upload, backend architecture design (Redis session management + pre-signed chunk URLs), the implementation of the frontend FileChunkedUploader utility class, and a comparison with the existing pre-signed URL direct upload solution.

Next.js Blog Homepage Ultimate Optimization: 26 Practices from Dual-Layer Caching to Edge Computing

103 Early Hints in Cloudflare Workers: Pre-warming Critical Connections 500ms Earlier

Next.js Blog Video System Architecture: A Complete Implementation from Upload to HLS Adaptive Streaming