nextjs-15

Guide Next.js 15 App Router structure with file conventions and data fetching.

14.6k|2.3k|Updated Aug 24, 2016
One-click install
npx skills add https://github.com/prowler-cloud/prowler --skill nextjs-15-prowler-cloud
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nextjs-15
Source: https://github.com/prowler-cloud/prowler/tree/main/skills/nextjs-15
Command: npx skills add https://github.com/prowler-cloud/prowler --skill nextjs-15-prowler-cloud

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js 15 App Router patterns consolidate common architecture decisions (layout, pages, data fetching, API routes, and middleware) to help teams build scalable, maintainable apps faster.

Core Features & Use Cases

  • App Router conventions: layout.tsx, page.tsx, loading.tsx, error.tsx, not-found.tsx
  • Server Components vs Client Components guidance, Server Actions, and Route Handlers
  • Data fetching strategies including parallel and streaming, and middleware integration
  • Metadata generation and server-only code patterns for robust, production-grade apps
  • Use Case: standardizing app skeleton for dashboards, e-commerce sites, or admin portals

Quick Start

Start by structuring your Next.js app to match the conventions shown and implement server components, actions, and route handlers as demonstrated to bootstrap a production-ready UI.

Frequently Asked Questions about nextjs-15

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

FAQPage Schema
How do I structure Next.js 15 App Router file conventions like layout.tsx and page.tsx?

Next.js 15 App Router file conventions structure apps using layout.tsx and page.tsx for UI routing, alongside loading.tsx, error.tsx, and not-found.tsx to handle asynchronous states and errors for scalable web applications.

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

Use Server Components in Next.js 15 for direct data fetching and server-only code, while Client Components handle user interactivity and browser APIs to ensure robust UI rendering.

How do I implement data fetching strategies and middleware in Next.js 15?

Implement data fetching strategies and middleware in Next.js 15 by applying parallel and streaming data fetching techniques, integrating middleware for request interception, and using Route Handlers for API endpoints.

Can I use Server Actions and Route Handlers to build API endpoints in Next.js 15?

Yes, you can use Server Actions and Route Handlers to build API endpoints in Next.js 15, enabling direct data mutations and API request handling within server components for production-grade apps.

What is the best way to generate metadata and server-only code patterns for Next.js apps?

The best way to generate metadata and server-only code patterns for Next.js apps is to utilize the App Router's built-in metadata API and enforce server-only code execution to build robust, production-grade applications.