Konrad Kowalski (rootsher)Principal Platform & Reliability Architect001111001010111110101010001110110011111000010101

Next.js

wpisy (6)

  1. Frontend Rendering: od server-side pages do hybrydowego renderowania17/17

    Nowoczesny rendering to kompozycja

    Renderowanie przestało być jednym etapem. To rozmieszczenie pracy w czasie, przestrzeni i pomiędzy runtime'ami, a framework jest konsekwencją tych decyzji.

  2. Frontend Rendering: od server-side pages do hybrydowego renderowania11/17

    Partial Prerendering: jedna strona, kilka momentów renderowania

    Jednostką decyzji przestaje być route. Statyczny shell powstaje wcześniej, dynamiczne fragmenty dochodzą przy requeście albo przez stream.

  3. Frontend Rendering: od server-side pages do hybrydowego renderowania9/17

    Revalidation i ISR: statyczny output, który może się zestarzeć

    ISR to nie osobna kategoria renderowania, tylko cache z kontrolowaną niespójnością: precomputed HTML, expiration i regeneracja.

  4. Frontend Rendering: od server-side pages do hybrydowego renderowania7/17

    SSG: renderowanie zanim pojawi się użytkownik

    Build-time rendering zamienia koszt requestu na koszt builda. Płacimy raz, serwujemy tanio i zaczynamy mieć problem ze świeżością danych.

  5. Frontend Rendering: od server-side pages do hybrydowego renderowania5/17

    Powrót SSR: serwer znowu renderuje HTML

    Serwer renderuje pierwszy widok nie po to, żeby frontend zniknął, tylko po to, żeby treść powstała wcześniej. Reszta kosztu zostaje na kliencie.

  6. seria · 17 części

    Frontend Rendering: od server-side pages do hybrydowego renderowania

    Chronologia decyzji o tym, kiedy, gdzie i jak powstaje UI: od pełnego dokumentu z serwera po kompozycję builda, requestu, cache, streamingu i client runtime'u.