Posts

Rendering
Hybrid — a Server Component makes one fetch to the internal /api/posts route (force-dynamic, since the data depends on a running server rather than being available at build time).
Hooks
List is a Client Component that owns search, page size, and pagination entirely via useState/useRef.
Caching
None beyond the single initial fetch — everything downstream is in-memory slicing, with no further network requests.
Why it helps
A useful contrast to the other examples: one server round trip up front, then everything behaves like pure client-side pagination.
View on GitHub

Posts

Posts per page: