| Robust Data Fetching Architecture for Complex React/Next.js Apps (tre) | | 120 |
| react, nextjs, hooks, data-fetching |
| Mastering Cross-Framework State Management in Micro-Frontends (des) | | 119 |
| guest-posts, frameworks, state-management, micro-frontends, scalability, strategies |
| What Are MCPs? A Beginner’s Guide to the Future of AI and Automation | | 118 |
| guides, ai, automation |
| The Hidden Burden of Architectural Decision Fatigue (and How to Fix It) | | 117 |
| documentation |
| System Design Roadmap for Beginners | | 116 |
| concepts |
| 10 Must Read Microservices Architecture Books for Experienced Developers | | 115 |
| books, microservices |
| Integrations: From Simple Data Transfer to Modern Composable Architectures (edo/sma) | | 114 |
| web-services, apis, rest, graphql, webhooks, headless, content-management |
| Open Source Drives the Twelve-Factor Modernization Project (res/the) | | 113 |
| foss, principles |
| 10 Backend Terms Every Frontend Developer Should Know | | 112 |
| terminology, concepts, performance |
| 5 Technical JavaScript Trends You Need to Know About in 2025 (the) | | 111 |
| javascript, trends, serverless, webassembly, state-management, typescript, type-safety, micro-frontends |
| The Secret to Building Highly Responsive Systems | | 110 |
| videos, software-design, performance, scalability |
| How to Become a Strong Software Architect | | 109 |
| how-tos, career, learning |
| 8 Most Important System Design Concepts You Should Know | | 108 |
| videos, concepts |
| Set Up a Micro-Frontend Architecture in 15 Mins With Vite | | 107 |
| micro-frontends, vite |
| 8 Types of Load Balancing | | 106 |
| load-balancing, servers, nginx |
| Why You Should Avoid Grand System Redesigns | | 105 |
| videos, refactoring, software-design |
| State of Software Architecture Report—2024 | | 104 |
| metrics |
| My Favourite Software Architecture Patterns | | 103 |
| micro-frontends, software-design-patterns |
| Revamping a Five-Year Old Node.js Project | | 102 |
| nodejs, mongodb, databases, refactoring, maintenance |
| Backend for Frontend (BFF) Pattern: Microservices for UX (ben) | | 101 |
| backend-for-frontend, microservices, comparisons |
| Qualities of a Good Cloud Architect | | 100 |
| cloud-computing, career |
| Backend for Frontend (BFF) Architecture | | 99 |
| backend-for-frontend |
| Conway’s Law: The Hidden Force Shaping Your Software Architecture (tre) | | 98 |
| principles, engineering-management |
| Fundamentals of Frontend Architecture | | 97 |
| courses, fundamentals |
| Frontend Development Practices That Will Help You Avoid Failure | | 96 |
| best-practices, tech-stacks, principles, validation, linting, testing |
| Top 10 Angular Architecture Mistakes You Really Want to Avoid | | 95 |
| angular, mistakes |
| Beyond React: How Astro and Its Server Islands Work (ric/the) | | 94 |
| astro, frameworks |
| 19 Microservices Patterns for System Design Interviews | | 93 |
| interviewing, microservices |
| System Design Basics—Caching | | 92 |
| fundamentals, caching |
| Backend for Frontend (BFF): What You Need to Know | | 91 |
| backend-for-frontend |
| SPA vs. MPA: Which Web Architecture Is Right for You? | | 90 |
| single-page-apps, multi-page-apps, web-apps, comparisons |
| Difference Between Docker, Kubernetes, and Podman for System Design Interview? | | 89 |
| docker, kubernetes, interviewing, concepts |
| Does Serverless Still Matter? | | 88 |
| serverless, servers |
| The Pros and Cons of Using a Backend-for-Frontend (BFF) | | 87 |
| backend-for-frontend |
| Top 50 System Design Interview Questions for 2024 | | 86 |
| interviewing, link-lists |
| 10 Must Know System Design Concepts for Interviews | | 85 |
| interviewing, concepts, scalability |
| Folder Structures in React Projects | | 84 |
| react |
| Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur) | | 83 |
| microservices, monoliths |
| Dissecting Layered Architecture (yok) | | 82 |
|
| Understanding Event-Driven Architecture | | 81 |
| events |
| Advanced Architecture for AI Application (aka AAAA) (aus) | | 80 |
| ai, edge-computing, optimization |
| Building a Clean and Scalable Frontend Architecture | | 79 |
| scalability, simplicity, maintainability |
| High-Level System Architecture of Booking.com | | 78 |
| microservices, case-studies |
| Building Multiple Progressive Web Apps on the Same Domain (dev) | | 77 |
| videos, web-apps, progressive-web-apps, security |
| Explaining Kubernetes to My Uber Driver | | 76 |
| kubernetes |
| Monolith to Microservices: 5 Strategies, Challenges, and Solutions | | 75 |
| monoliths, microservices, migrating, strategies |
| Hashnode’s Overall Architecture | | 74 |
| case-studies |
| Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar) | | 73 |
| javascript, performance |
| TypeScript Monorepo With npm Workspaces (skw) | | 72 |
| monorepos, typescript, npm |
| How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js | | 71 |
| conventions, nextjs |
| Package-Based Architecture—Let’s Deliver the Packages | | 70 |
| modules, flutter |
| Headless Architecture: What Is It, and Why Is It the Future? | | 69 |
| headless |
| Stick to Boring Architecture for as Long as Possible (add) | | 68 |
|
| Understanding Space-Based Architecture | | 67 |
|
| Modern CSS for Dynamic Component-Based Architecture (5t3) | | 66 |
| css, components |
| A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS | | 65 |
| guides, deploying, complexity, aws |
| 3 Engineering Mistakes That Kill Startups | | 64 |
| mistakes |
| System Design Blueprint: The Ultimate Guide (zon) | | 63 |
| guides, cheat-sheets, principles |
| Load Balancing (sam) | | 62 |
| load-balancing, performance, visualization |
| Folder Structure for Modern Web Applications | | 61 |
| web-apps |
| Senior Engineering Strategies for Advanced React and TypeScript (tec) | | 60 |
| strategies, react, typescript, testing, performance, accessibility, security, maintenance |
| The Cost of Architectural Complexity | | 59 |
| research, complexity, economics |
| Understanding App Directory Architecture in Next.js (ati/sma) | | 58 |
| nextjs |
| Implementing Microservice Architecture in Node.js | | 57 |
| microservices, nodejs |
| Microservices vs. Monolithic Architecture: A Practical Approach | | 56 |
| microservices, monoliths, comparisons |
| Node.js Architecture Pitfalls to Avoid (app) | | 55 |
| nodejs |
| Why Your Backend in Node.js Needs an API Layer and How to Build It | | 54 |
| nodejs, apis |
| Folder Structure for Node.js and Express.js Project | | 53 |
| nodejs, express |
| Wtf Is an Island and Why Is It in My Website? | | 52 |
| frameworks, html, concepts |
| An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau) | | 51 |
| overviews, nodejs, apis, event-loop, events, concurrency |
| How to Build Event-Driven Architecture on AWS? | | 50 |
| how-tos, events, aws |
| Clean Architecture: Applying With React | | 49 |
| react |
| Tao of Node—Design, Architecture, and Best Practices | | 48 |
| nodejs, best-practices |
| Screaming Architecture—Evolution of a React Folder Structure | | 47 |
| react |
| How I Structure My React Projects | | 46 |
| react |
| Don’t Start With Microservices in Production—Monoliths Are Your Friend | | 45 |
| microservices, monoliths |
| 5 Reasons You Should Adopt a Micro Frontend Architecture | | 44 |
| micro-frontends |
| Deep Dive Into Node.js Architecture | | 43 |
| nodejs, deep-dives |
| Practical Frontend Architecture | | 42 |
|
| CSS Architecture and Performance in Micro Frontends | | 41 |
| css, performance, micro-frontends |
| React Architecture: How to Structure and Organize a React Application | | 40 |
| how-tos, react |
| Why We Developed the Node.js Reference Architecture | | 39 |
| nodejs, dependencies |
| Islands Architecture | | 38 |
| html, concepts |
| Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma) | | 37 |
| podcasts, interviews, serverless |
| App Shell UX With Service Workers and Streams (jef/dev) | | 36 |
| web-apps, single-page-apps, web-workers, streaming, javascript |
| How to Reevaluate Your Frontend Architecture | | 35 |
| how-tos |
| React Folder Structure in 5 Steps (rwi) | | 34 |
| react |
| Decision Strategies for a Micro Frontends Architecture (inf) | | 33 |
| micro-frontends |
| Software Architecture Patterns—Layered Architecture | | 32 |
|
| Micro Frontends (cam/mfo) | | 31 |
| micro-frontends, backend-for-frontend, examples |
| Monorepo: Please Do (ada) | | 30 |
| monorepos |
| Monorepos: Please Don’t (mat) | | 29 |
| monorepos |
| CSS Architecture: Block Element Modifier (BEM) and Atomic CSS | | 28 |
| css, naming, bem, atomic-css |
| Managing Architecture Decision Records With ADR-Tools | | 27 |
| documentation, tooling |
| 10 Common Software Architectural Patterns in a Nutshell (vij) | | 26 |
| software-design-patterns |
| CSS Architecture and the Three Pillars of Maintainable CSS | | 25 |
| css, maintainability, principles, solid |
| What Does a Well-Documented CSS Codebase Look Like? (css) | | 24 |
| css, documentation, tooling, conventions, components |
| The RED Method: Key Metrics for Microservices Architecture | | 23 |
| microservices, monitoring, metrics |
| Building the UI for the New “The Times” Website | | 22 |
| design, collaboration, css, documentation, case-studies |
| Cleaning Up a CSS Codebase (kit) | | 21 |
| css, refactoring, linting |
| Understanding the CSS Modules Methodology (kit) | | 20 |
| css, modules, webpack |
| Architecting Scalable CSS (css/btc) | | 19 |
| videos, css, scalability, naming |
| The Design of Code: Organizing JavaScript (ali) | | 18 |
| javascript, maintainability, modules, jquery, plugins, apis |
| A Perspective on SOA | | 17 |
| ruby-on-rails, testing, deploying, scalability |
| CSS Architecture (phi) | | 16 |
| css, naming, best-practices, tooling |
| About HTML Semantics and Front-End Architecture | | 15 |
| html, semantics, naming |
| Documenting Architecture Decisions | | 14 |
| documentation, processes |
| Simple Made Easy (ric) | | 13 |
| videos, software-design, principles, complexity, simplicity |
| Orthogonality of Specifications (w3c) | | 12 |
| standards, web-platform, software-design, principles |
| Fallacies of Distributed Computing Explained (arn) | | 11 |
| network, performance |
| Version Identifiers Reconsidered (w3c) | | 10 |
| standards, versioning |
| Webs and Documents and Services, Oh My! (cms) | | 9 |
| w3c, web-services |
| Architecture of the World Wide Web, Volume One (ndw/w3c) | | 8 |
| web, web-platform, standards |
| W3C Documents the Architecture of the Web (svg) | | 7 |
| interviews, w3c, web |
| Welcome to the Next Phase of the Internet | | 6 |
| web, web-services |
| Reviewing Web Architecture | | 5 |
| web |
| Bringing Websites in From the Cold | | 4 |
| servers, tooling |
| W3C Has a Definition for Web Services (zdn) | | 3 |
| w3c, web-services |
| Microbrowser Architectures | | 2 |
| mobile, simplicity |
| Application Servers: An Introduction (inf) | | 1 |
| introductions, servers |
