next-best-practices

Enforce Next.js best practices for file conventions, server components, data fetching, and route handlers.

Updated Jan 13, 2026
One-click install
npx skills add https://github.com/PedrFelip/portfolio --skill next-best-practices-pedrfelip
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/PedrFelip/portfolio/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/PedrFelip/portfolio --skill next-best-practices-pedrfelip

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill consolidates and enforces Next.js best practices across projects to reduce architectural drift and runtime issues.

Core Features & Use Cases

  • Comprehensive guidelines covering file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, and bundling.

Quick Start

Review the included best-practices documents to align your Next.js codebase with recommended patterns.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema
How do I enforce Next.js best practices for server components and data fetching?

Enforce Next.js best practices by evaluating code against defined guidelines for server component boundaries and data fetching patterns. This provides actionable checks to minimize architectural drift and runtime pitfalls across your project.

What is the best way to structure route handlers and metadata in Next.js?

The best way to structure route handlers and metadata is applying comprehensive guidelines that cover file conventions and metadata strategies. This ensures consistent patterns and reduces runtime issues across projects of all sizes.

Can I use these Next.js guidelines for CI pipelines and code reviews?

Yes, you can use these Next.js guidelines for CI pipelines and code reviews. The skill evaluates code against defined best practices and provides actionable checks suitable for automated integration and manual review processes.

How do I handle error handling and asset optimization in Next.js?

Handle error management and asset optimization in Next.js by applying consolidated best practices. This covers image and font optimization, bundling, and error boundaries to minimize runtime issues and architectural drift.

Does this Next.js best practices skill work for projects of all sizes?

Yes, this Next.js best practices skill works for projects of all sizes. It applies comprehensive guidelines across file conventions, async APIs, and RSC boundaries to consistently minimize architectural drift regardless of project scale.