nextjs-data-fetching
Installation
SKILL.md
Quick Reference
| Pattern | Code | Purpose |
|---|---|---|
| Server fetch | await fetch(url) |
Cached by default |
| No cache | { cache: 'no-store' } |
Always fresh |
| Revalidate | { next: { revalidate: 60 } } |
Time-based refresh |
| Tags | { next: { tags: ['posts'] } } |
Tag-based invalidation |
| Config | Value | Effect |
|---|---|---|
dynamic |
'force-dynamic' |
Always SSR |
revalidate |
60 |
ISR every 60s |
fetchCache |
'force-no-store' |
No caching |
| Client Library | Hook | Use Case |
|---|---|---|
| SWR | useSWR(key, fetcher) |
Simple client fetching |
| TanStack Query | useQuery({ queryKey, queryFn }) |
Complex state/mutations |