Nextjs App Router Patterns
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
npx claude-code-templates@latest --skill ••••••••••••••••••••Interactive Terminal Locked
Unlock this skill to run and inspect the interactive installation sequence.
Next.js App Router Patterns
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
Use this skill when
Do not use this skill when
Instructions
resources/implementation-playbook.md.Resources
resources/implementation-playbook.md for detailed patterns and examples.How to Use & Getting Started
# Step 1: Initialize skill agent setup
npx skills add Nextjs App Router Patterns --install-production
python -m pip install -r requirements.txt
codex plugin install Nextjs App Router Patterns@latest
export API_KEY=secret_token_key_here
Installation Runbook & Walkthrough Locked
Unlock this skill to reveal complete step-by-step setup guides, terminal commands, configuration recipes, repository links, and interactive installation video walkthroughs.
Unlock full access to Nextjs App Router Patterns
Get instant access to complete setup guides, repository source code, and integration assets.
More in code
View all code skills →Frontend Design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
Awesome Cursor Rules
Curated directory of .cursorrules and modular .mdc prompt configurations optimized for Cursor IDE, Windsurf, and agentic code editors across modern tech stacks.
Awesome Shell
A curated list of awesome command-line frameworks, toolkits, shell scripting guides, and utilities for Bash, Zsh, and Fish environments.