nextjs

What problem does it solve?

This Skill provides a comprehensive guide and best practices for developing with Next.js using the App Router, ensuring efficient and maintainable application development.

Core Features & Use Cases

• App Router Structure: Understand reserved filenames and directory conventions.
• Server vs. Client Components: Learn when and how to differentiate between Server and Client Components.
• Data Fetching & Route Handlers: Implement efficient data fetching strategies and build API routes.
• Middleware & Server Actions: Secure your application and handle form submissions effectively.
• Optimization: Optimize metadata, directory structure, images, and fonts.
• Use Case: When building a new Next.js application, use this Skill to ensure all components are correctly implemented as Server or Client Components, and that data fetching is optimized for performance.

Quick Start

Refer to the Next.js Skill to implement a new page with dynamic metadata and server-side data fetching.