CRZ Patterns

Seamless Pagination

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

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

Page 10

  • Mountains #91

    Mountains #91

    Statically generated at build time.

  • Ocean #92

    Ocean #92

    Loaded on demand as you scroll.

  • Forest #93

    Forest #93

    No framework runtime involved.

  • Desert #94

    Desert #94

    Off-screen rows skip layout and paint.

  • City #95

    City #95

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

  • River #96

    River #96

    Statically generated at build time.

  • Snow #97

    Snow #97

    Loaded on demand as you scroll.

  • Sunset #98

    Sunset #98

    No framework runtime involved.

  • Lake #99

    Lake #99

    Off-screen rows skip layout and paint.

  • Meadow #100

    Meadow #100

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

— End of list —

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) →