CRZ Patterns

Seamless Pagination

SPA assumption: "SPA router + client-side query cache"

Page 8 of 10 — watch the URL advance as you scroll.

Page 8

  • Mountains #71

    Mountains #71

    Statically generated at build time.

  • Ocean #72

    Ocean #72

    Loaded on demand as you scroll.

  • Forest #73

    Forest #73

    No framework runtime involved.

  • Desert #74

    Desert #74

    Off-screen rows skip layout and paint.

  • City #75

    City #75

    Plain HTML, CSS, and a few lines of script.

  • River #76

    River #76

    Statically generated at build time.

  • Snow #77

    Snow #77

    Loaded on demand as you scroll.

  • Sunset #78

    Sunset #78

    No framework runtime involved.

  • Lake #79

    Lake #79

    Off-screen rows skip layout and paint.

  • Meadow #80

    Meadow #80

    Plain HTML, CSS, and a few lines of script.

Load more

Scroll to the bottom. The next statically generated page is appended as its own card, opening with a full-width divider band so where each page begins is explicit. replaceState advances the URL — reload or share and you land on a real page. Without JavaScript, "Load more" is a plain link and the demo degrades to ordinary pagination: the full crumple zone.

Compare: Infinite Scroll (Feed) →