Implements Next.js 16 App Router patterns and NextAuth v5 integration for robust frontend development.
This skill provides a comprehensive set of best practices and implementation patterns for the Next.js 16 App Router within the FTC Metrics ecosystem. It streamlines the creation of server and client components, simplifies complex authentication flows using NextAuth v5, and ensures consistent styling with Tailwind CSS. Whether you are building protected dashboard layouts, handling dynamic routing with Suspense, or integrating monorepo packages, this skill guides Claude to generate production-ready code that adheres to specific architectural standards and avoids common pitfalls like hydration errors.
主な機能
01NextAuth v5 authentication patterns
02Dynamic routing with Suspense integration
032 GitHub stars
04Server and Client Component optimization
05Tailwind CSS styling and configuration
06Next.js 16 App Router implementation
ユースケース
01Creating dynamic team analytics pages with complex search parameters
02Building auth-protected dashboard layouts and server-side redirects
03Configuring NextAuth v5 with Prisma adapters in a monorepo environment
