nextjs

Enforce Next.js App Router conventions, server/client boundaries, and data-fetching strategies.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Ezequielpereyraa/ai-config --skill nextjs-ezequielpereyraa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs
Source: https://github.com/Ezequielpereyraa/ai-config/tree/main/skills/nextjs
Command: npx skills add https://github.com/Ezequielpereyraa/ai-config --skill nextjs-ezequielpereyraa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js App Router best practices, RSC boundaries, data fetching, Server Actions, caching, performance, and upgrade nudges. Trigger: When working with Next.js — routing, components, data, optimization.

Core Features & Use Cases

  • App Router File Conventions
  • Server vs Client — Decision Rule
  • Data Fetching
  • Server Actions
  • Middleware
  • Metadata
  • Performance Strategy
  • Upgrade Nudges — Patterns to Flag

Quick Start

Audit and apply Next.js App Router patterns in your project to optimize routing, data fetching, and server/client boundaries.

Frequently Asked Questions about nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure server and client components in my Next.js App Router project?

Next.js App Router projects require strict server and client component boundaries to maintain scalable server-first rendering. Enforcing these conventions minimizes regressions by keeping data fetching and rendering logic server-side where possible.

What is the best way to fetch data in Next.js App Router for complex UIs?

Next.js data fetching strategies in the App Router should prioritize server components to optimize rendering performance. Applying server-first data fetching patterns ensures scalable and maintainable complex UIs across large deployments.

How do Server Actions work for data mutations in Next.js?

Next.js Server Actions codify data mutation patterns directly within server components to enforce strict typing and App Router conventions. This approach minimizes regressions by maintaining a secure server boundary for rendering and caching decisions.

When do I need to use middleware in my Next.js application?

Next.js middleware is needed for routing and caching decisions across large deployments before rendering begins. Applying middleware patterns correctly optimizes application performance and maintains strict App Router conventions.

Are there specific Next.js App Router patterns to flag during performance optimization?

Next.js performance optimization involves flagging outdated App Router patterns through upgrade nudges to improve rendering speed. Auditing data fetching, caching, and server boundaries enforces conventions that minimize regressions in scalable apps.