Drafts
47 drafts sorted by date.
-
Frontend Architecture at Scale: Boundaries and Ownership
How large teams organize UI codebases, ownership, and release workflows.
-
Rendering Strategies: CSR, SSR, SSG, and ISR
How rendering models affect performance, cost, and developer workflow.
-
CSS Architecture Strategies: BEM, Utility, and CSS-in-JS
Tradeoffs between naming conventions, utilities, and runtime styling approaches.
-
State Management Patterns: Local, Global, and Server State
A decision guide for state boundaries, data ownership, and consistency.
-
Load Testing Strategy and Capacity Planning
Designing load tests that inform capacity and reliability decisions.
-
Build Pipelines and CI/CD Architecture
Designing fast, reliable build and deployment pipelines.
-
Data Migration Strategies and Zero-Downtime Cuts
Patterns for moving data without disrupting production systems.
-
Distributed Locking
Implementing correct distributed locks and when to avoid them.
-
Event Sourcing Deep Dive
Implementing event sourcing patterns effectively.
-
Database Migrations at Scale
Migrating databases without downtime in production systems.
-
Graceful Degradation
Designing systems that fail gracefully under stress.
-
Client State Management
Managing different types of state in frontend applications.
-
Bundle Splitting Strategies
Optimizing JavaScript bundle delivery for faster page loads.
-
Image Loading Optimization
Optimizing image delivery for web performance.
-
Client Performance Monitoring
Measuring and monitoring frontend performance in production.
-
Design a Form Builder
Building dynamic form generation systems.
-
Design a Data Grid
Building high-performance data grids for large datasets.
-
Design a File Uploader
Building robust file upload components.
-
Rendering Strategies
Choosing between CSR, SSR, SSG, and hybrid approaches.
-
Facebook 2021 Outage Analysis
Learning from Facebook’s 6-hour global outage.
-
AWS Kinesis 2020 Outage Analysis
Learning from AWS’s Kinesis service disruption.
-
Uber Microservices Journey
Uber’s evolution from monolith to microservices.
-
Slack Distributed Architecture
Understanding Slack’s architecture for real-time messaging.
-
GitHub MySQL Migration
Learning from GitHub’s large-scale database migration.
-
Discord Message Storage
How Discord handles trillions of messages.
-
Design a Key-Value Store
Building a distributed key-value store like Dynamo or Cassandra.
-
Design a Distributed File System
Building a distributed file system like GFS or HDFS.
-
Design a Time Series Database
Building a time-series database for metrics and monitoring.
-
Design YouTube-Style Video Platform
System design for large-scale video upload, processing, and playback.
-
Design Netflix Streaming
Building a video streaming platform at Netflix scale.
-
Design Instagram Photo Sharing
Building a photo-sharing social platform like Instagram.
-
Design Spotify Music Streaming
Building an audio streaming platform like Spotify.
-
Design a Social Feed (Facebook/Instagram)
Feed ranking, fan-out, and consistency at massive scale.
-
Design a Notification System
Multi-channel notifications with scheduling and reliability guarantees.
-
Design an Email System
Building a scalable email service like Gmail.
-
Design Uber-Style Ride Hailing
Matching riders and drivers in real time with pricing and routing.
-
Design Google Maps
Building a mapping and navigation platform.
-
Design Yelp Proximity Service
Building a location-based business discovery platform.
-
Design a Web Crawler
Building a scalable web crawler for search engines.
-
Design Google Search
Building a web search engine at scale.
-
Design Dropbox File Sync
Building a file synchronization service like Dropbox.
-
Design Google Calendar
Building a calendar and scheduling application.
-
Design a Payment System
Building a payment processing system.
-
Design Amazon Shopping Cart
Building an e-commerce shopping cart system.
-
Design Pastebin
Building a text-sharing service like Pastebin.
-
Design an API Rate Limiter
Building a distributed rate limiting service.
-
Browser Storage APIs: localStorage, IndexedDB, and Cache
Compare storage APIs, capacity limits, and consistency guarantees in the browser.