nextjs-patterns
Installation
SKILL.md
Next.js Patterns
Comprehensive guide to building production-grade Next.js applications with the App Router, Server Components, and modern React patterns.
Core Architecture
App Router vs Pages Router
| Aspect | App Router | Pages Router |
|---|---|---|
| Components | Server Components by default | Client Components only |
| Routing | File-system based with layout nesting | File-system based, flat |
| Data Fetching | Server-side fetch, use, cache primitives |
getServerSideProps, getStaticProps |
| Loading States | loading.js files |
Manual implementation |
| Error Handling | error.js files |
Manual implementation |
| Streaming | Built-in with Suspense boundaries | Not supported |