Search

Lessons (11)

• Premiere-Night Video Streaming

  Let millions press Play together by separating small control-plane APIs from CDN-delivered video bytes. The big …

• Next.js Rendering: CSR, SSR, SSG, ISR & Server Components

  … GET /product/42 CDN-- U2: stale page served instantly CDN- S: regenerate in background S-- CDN: fresh page …

• Frontend Performance & Core Web Vitals

  … Faster server response (TTFB): cache HTML at the edge (SSG/ISR), use a CDN, speed up slow queries …

• Serverless Architecture

  … serverless web backend mermaid flowchart LR U[👤 Users] -- CDN["☁️ CDN<br/ static frontend"] U -- APIG[API Gateway] APIG …

• Frontend Security

  … default-src 'self'; script-src 'self' 'nonce-r4nd0m'; img-src 'self' https://cdn.example.com data:; connect-src …

• Caching & Redis

  … U[👤 User] -- BC["Browser cache<br/ Cache-Control"] -- CDN["CDN edge<br/ images, JS, pages"] -- LB[Load balancer …

• Which Pattern Do I Need?

  … API Gateway, Backend for Frontend Proxy Reverse proxy, CDN, service mesh sidecar Adapter Anti-corruption layer Command Message …

• How a Web Request Works

  … 40 That's why we use CDNs (serve from nearby), keep-alive connections (skip handshakes), caching and database …

• REST vs GraphQL vs gRPC

  … Client decides Server decides HTTP caching ✅ Easy (GET + CDN) ❌ Harder ❌ No Streaming SSE / WebSockets separately Subscriptions ✅ Built in …

• Scaling, Load Balancing & Rate Limiting

  … stateless app servers"] S3 -- S4["4️⃣ Cache (Redis) + CDN for static files"] S4 -- S5["5️⃣ DB read replicas …

• Structural Patterns: How to Connect Objects

  … balance = 50 ✅ You've used it: Vue 3 reactivity (built on Proxy ), MobX, API gateways, CDNs (a caching …