nextjs-data-fetching-patterns

Implements data fetching in Next.js App Router apps: async Server Components, parallel and dependent requests, ISR and tag-based revalidation, no-store dynamic rendering, SWR and TanStack Query on the client (including prefetch hydration, optimistic mutations, infinite queries), loading and error boundaries, and Server Action mutations. Use when the user asks to "fetch data in a server component", "set up ISR or revalidate a tag", "integrate React Query or SWR", "add optimistic updates", or "decide between server and client fetching". Not for Pages Router apps, non-React frameworks, or backend API design.

Version

v1.0.0

Size

15 KB

Updated

2026-10-03

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.