Frontend Rendering: od server-side pages do hybrydowego renderowania

Przez lata frontend przeszedł drogę od prostego modelu request -> HTML -> browser do systemów, które jednocześnie korzystają z renderowania na serwerze, statycznej generacji, cache, streamingu, hydration, edge compute i komponentów wykonywanych w różnych runtime'ach.

Ta seria pokazuje tę ewolucję chronologicznie, nie jako katalog skrótów typu CSR, SSR, SSG czy ISR, ale jako ciąg odpowiedzi na kolejne problemy poprzednich architektur.

Zaczniemy od klasycznego server-rendered webu, potem przejdziemy przez AJAX i SPA, koszt client-side renderingu, powrót SSR, statyczną generację i revalidation, aż do współczesnych modeli takich jak streaming, partial rendering, islands, resumability i Server Components.

W każdym artykule interesuje nas przede wszystkim jedno pytanie:

jaki problem próbowaliśmy rozwiązać
i jaki nowy koszt pojawił się w zamian?

Bo większość nowoczesnych technik renderowania nie usuwa pracy, tylko przesuwa ją pomiędzy buildem, serwerem, cache, siecią i CPU użytkownika.