Evolution of the Web

Source: Dev.to

Introduction

I took on a challenge to publish six blog posts covering frontend architectures—from plain JavaScript‑less webpages to SSR, BFFs, micro‑frontends, and more.

The motivation: my current organization runs a large MFE platform, and the sheer scope felt overwhelming. I decided to teach myself and share the journey. 👇

Series Overview

Refer to the posts in order:

1. Part 1 – When the Web Learned Structure: MVC
   https://dev.to/purnez/a-story-on-frontend-architectures-mvc-the-mvp-2hpd

2. Part 2 – Taming UI Complexity: How MVVM Made the View Less Dumb
   https://dev.to/purnez/a-story-on-frontend-architectures-mvvm-the-separation-of-concerns-imf

3. Part 3 – The SPA Revolution: When JavaScript Took Over the Browser
   https://dev.to/purnez/a-story-on-frontend-architectures-birth-of-the-fe-engineer-12nm

4. Part 4 – Why One Backend Wasn’t Enough: The Rise of BFF
   https://dev.to/purnez/a-story-on-frontend-architectures-everyone-deserves-a-bff-k27

5. Part 5 – Rendering Is a Spectrum: From CSR to RSCs
   https://dev.to/purnez/a-story-on-frontend-architectures-back-to-the-future-gdc

6. Part 6 – When Frontends Became Distributed Systems: Enter Micro Frontends

   • Part 6(1): https://dev.to/purnez/a-story-on-frontend-architectures-spa-meets-the-enterprise-part-1-2e6n
   • Part 6(2): https://dev.to/purnez/a-story-on-frontend-architectures-spa-meets-the-enterprise-part-2-1kj6

Closing Thoughts

If you’ve made it to the end, I hope you enjoyed the series and learned something new! I’d appreciate any suggestions in the comments—whether it’s about improvements or spotting logical discrepancies.

Cheers! 👋