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

gitops-workflow

Implement GitOps workflows with ArgoCD and Flux for automated, declarative Kubernetes deployments with continuous reconciliation. Use when implementing GitOps practices, automating Kubernetes deployments, or setting up declarative infrastructure management.

VOIR LA FICHE

angular-ui-patterns

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

VOIR LA FICHE

react-flow-node-ts

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

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