nextjs-16-architecture
OfficialNext.js 16 architecture with cache-first patterns.
Authorhoruz-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides architecture guidelines for Next.js 16 apps, including feature-based organization, cacheable data fetching, server/client separation, and consistent file naming.
Core Features & Use Cases
- Feature folder structure: features/{feature}/ with dedicated layers.
- Cache components and use cache: Performance-first data fetching patterns.
- Server vs Client decisions: Clear guidance for where to place logic.
- One-file-per-concept: 1 file per query/type/schema/hook.
- Routing, i18n, and layouts: Standardized approach for app routes.
Quick Start
Apply the patterns to a new feature: create features/{feature}, implement a get-{entity}.ts fetch in data/, connect to server actions with cache invalidation in actions/.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nextjs-16-architecture Download link: https://github.com/horuz-ai/claude-plugins/archive/main.zip#nextjs-16-architecture Please download this .zip file, extract it, and install it in the .claude/skills/ directory.