How does it handle data fetching and caching?

It implements 'Server-First' patterns using React cache for request deduping, tag-based revalidation, and Incremental Static Regeneration (ISR).

Does this skill support the Feature-Sliced Design (FSD) architecture?

Yes, it provides a standardized project structure that combines the Next.js app directory with FSD layers like entities, features, and widgets.

Can it help me distinguish between Client and Server Components?

Absolutely. The skill includes a clear composition pattern and decision matrix to determine when to use 'use client' versus default Server Components.

Which Next.js version is this skill optimized for?

This skill is specifically designed for Next.js 15 and above, utilizing the latest App Router conventions and React 19 features.

Next.js App Router Expert

Name: Next.js App Router Expert
Author: dding-g

bydding-g

0•

Herramientas para Desarrolladores

Implements modern Next.js 15+ App Router patterns using Server Components, Server Actions, and Feature-Sliced Design architecture.

This skill empowers Claude with deep expertise in Next.js 15+ and the App Router, focusing on performance, scalability, and type safety. It provides standardized implementation patterns for Server and Client Components, optimized data fetching using React Cache, and robust Server Actions for form handling. By integrating Feature-Sliced Design (FSD) principles, the skill ensures your project structure remains maintainable while leveraging advanced Next.js features like Streaming, Parallel Data Fetching, and the Metadata API for superior SEO performance.

Características Principales

010 GitHub stars

02Request deduping and ISR cache management strategies

03Next.js 15+ Server-First architecture patterns

04Streaming with Suspense and Parallel Fetching patterns

05Type-safe Server Actions and useActionState integration

06Feature-Sliced Design (FSD) project organization

Casos de Uso

01Implementing SEO-optimized content sites using the dynamic Metadata API and ISR.

02Migrating legacy Next.js Page Router applications to the modern App Router architecture.

03Building high-performance SaaS platforms with complex server-side data requirements.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dding-g/ddingg-claude-marketplace nextjs-app-router

For use in Claude.ai and ChatGPT

Download Skill