next-best-practices

Audit Next.js projects for file conventions, RSC boundaries, and routing best practices.

9|2|Updated Nov 10, 2025
One-click install
npx skills add https://github.com/FindMalek/dukkani --skill next-best-practices-findmalek
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/FindMalek/dukkani/tree/main/.cursor/skills/next-best-practices
Command: npx skills add https://github.com/FindMalek/dukkani --skill next-best-practices-findmalek

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js projects often struggle with inconsistent conventions, misapplied Server Components usage, and unclear data patterns that slow development and reduce maintainability.

Core Features & Use Cases

  • File conventions and project structure guidance for Next.js apps
  • Clear guidance on RSC boundaries, data patterns, and route handling
  • Guidance on metadata provisioning, image/font optimization, and bundling decisions
  • Practical examples and checklists for debugging, error handling, and performance

Quick Start

Audit a Next.js project to enforce file conventions, RSC boundaries, data patterns, and routing best practices.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema
How do I structure my Next.js project to follow Server Components best practices?

Next.js best practices structure projects by enforcing clear RSC boundaries, file conventions, and data patterns. This ensures your Server Components isolate server-side logic efficiently, reducing maintenance overhead and improving application scalability.

What are the best practices for managing metadata and routing in Next.js apps?

Metadata and routing best practices involve standardizing route handlers and provisioning structured metadata fields. Applying these conventions enforces consistency across teams, ensuring documented frontmatter and markdown references maintain clear routing and data patterns.

How do I optimize images and bundling decisions for a scalable Next.js application?

Optimizing images and bundling decisions requires applying Next.js patterns for asset handling and performance. Standardizing these frontmatter and bundling configurations reduces maintenance overhead while enforcing consistent media and font delivery across your project.

Can I audit an existing Next.js project for error handling and performance consistency?

You can audit existing Next.js projects to enforce error handling and performance consistency. The process checks file conventions, RSC boundaries, and data patterns against practical checklists, ensuring teams follow standardized metadata and routing rules.

When should I standardize Next.js data patterns and file conventions across my team?

You should standardize Next.js data patterns and file conventions when project inconsistency slows development. Applying structured metadata fields and clear RSC boundaries reduces maintenance overhead, ensuring documented frontmatter and markdown references enforce cross-team alignment.