Next.js 15 Development Guidelines

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing modern web applications using Next.js 15, focusing on the App Router, Server Components, and Server Actions.

Core Features & Use Cases

• App Router Navigation: Understand route groups, layouts, loading, and error handling.
• Server Components: Leverage server-first architecture for data fetching and backend access.
• Client Components: Implement interactive UIs with state and event listeners.
• Data Fetching: Master Server Components, Server Actions, and Route Handlers.
• Server Actions: Implement secure, three-layer architecture for mutations.
• Caching: Utilize Fetch API, manual revalidation, and unstable_cache.
• Environment Variables: Ensure type-safe configuration.
• Metadata & SEO: Implement static and dynamic metadata.
• Streaming & Suspense: Enhance user experience with progressive loading.
• Image Optimization: Use Next.js Image component for performance.
• Navigation: Implement client-side and server-side navigation.
• Middleware: Secure routes and manage requests.
• Performance Optimization: Apply route segment configs and parallel loading.
• Testing: Integrate with React Testing Library.

Quick Start

Provide me with the best practices for using Server Components in Next.js 15.