nextjs-15

Automate building Next.js 15 apps with App Router patterns.

1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/BrunoAlan/agents-skills --skill nextjs-15-brunoalan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-15
Source: https://github.com/BrunoAlan/agents-skills/tree/main/skills/nextjs-15
Command: npx skills add https://github.com/BrunoAlan/agents-skills --skill nextjs-15-brunoalan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js 15 App Router projects often struggle with organizing routing, data fetching, streaming, and middleware patterns across layouts and routes. This Skill provides practical patterns and conventions to build scalable Next.js apps with App Router.

Core Features & Use Cases

  • App Router patterns for layouts, pages, route groups, and API routes
  • Server Components vs Client Components guidance, Server Actions, and Route Handlers
  • Streaming, Suspense, caching, and data-fetching strategies
  • Real-world use case: implement a dashboard with server-rendered data and API endpoints

Quick Start

Scaffold a Next.js 15 App Router project, implement a root layout, a server action, and a route handler for a sample resource.

Frequently Asked Questions about nextjs-15

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

FAQPage Schema
How do I structure layouts and route groups in a Next.js 15 App Router project?

Structure layouts and route groups in a Next.js 15 App Router project by applying scalable conventions within the app directory to organize routing, shared layouts, and API routes efficiently. This approach ensures correct layout usage and hierarchical rendering across your application.

When should I use Server Components versus Client Components in Next.js 15?

Use Server Components versus Client Components in Next.js 15 based on data fetching needs and interactivity. Server Components handle server-rendered data and streaming, while Client Components manage interactive state, guided by specific App Router patterns to optimize rendering and performance.

What is the best way to implement data fetching and caching with App Router?

The best way to implement data fetching and caching with App Router is leveraging Server Components and Route Handlers. This approach integrates streaming, Suspense boundaries, and revalidation strategies to ensure scalable and efficient data delivery for Next.js 15 applications.

How do I create API endpoints and Server Actions in Next.js 15?

Create API endpoints and Server Actions in Next.js 15 by utilizing Route Handlers for sample resources and Server Actions for mutations. This pattern aligns with App Router practices to build secure and scalable API routes within the app directory.

Does this approach support building a dashboard with server-rendered data and API endpoints?

Yes, this approach supports building a dashboard with server-rendered data and API endpoints. It provides practical App Router patterns for Next.js 15, implementing streaming, Suspense, and Route Handlers to deliver a scalable real-world dashboard architecture.