nextjs-app-router-patterns

Frontend & Expérience UX

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

Documentation

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

●Building new Next.js applications with App Router
●Migrating from Pages Router to App Router
●Implementing Server Components and streaming
●Setting up parallel and intercepting routes
●Optimizing data fetching and caching
●Building full-stack features with Server Actions

Do not use this skill when

●The task is unrelated to next.js app router patterns
●You need a different domain or tool outside this scope

Instructions

●Clarify goals, constraints, and required inputs.
●Apply relevant best practices and validate outcomes.
●Provide actionable steps and verification.
●If detailed examples are required, open resources/implementation-playbook.md.

Resources

●resources/implementation-playbook.md for detailed patterns and examples.

Compétences similaires

Explorez d'autres agents de la catégorie Frontend & Expérience UX

Voir tout le catalogue

react-modernization

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

VOIR LA FICHE

free-tool-strategy

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," or "free resource." This skill bridges engineering and marketing — useful for founders and technical marketers.

VOIR LA FICHE

claude-speed-reader

"-Speed read Claude's responses at 600+ WPM using RSVP with Spritz-style ORP highlighting"

VOIR LA FICHE
Utiliser l'Agent nextjs-app-router-patterns - Outil & Compétence IA | Skills Catalogue | Skills Catalogue