next-best-practices

Identify and enforce Next.js best practice guidelines across a codebase.

2|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/PlazaCC/antes-da-tela --skill next-best-practices-plazacc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/PlazaCC/antes-da-tela/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/PlazaCC/antes-da-tela --skill next-best-practices-plazacc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many Next.js projects suffer from inconsistent file structures, improper data fetching patterns, and suboptimal performance due to missing best‑practice guidance.

Core Features & Use Cases

  • Provides a checklist for file conventions, server‑client component boundaries, async API usage, and routing patterns.
  • Guides runtime selection, image and font optimization, bundling strategies, and script loading.
  • Ideal for code reviews, onboarding new developers, and automating linting rules in Next.js applications.

Quick Start

Use the next-best-practices skill to review a Next.js codebase and receive a detailed checklist of recommended improvements.

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 App Router best practices in my codebase?

Enforce Next.js App Router best practices by using an automated checklist to review file conventions, server-client component boundaries, and async API usage. This guides routing patterns and ensures consistent structural improvements across your application.

What are the best practices for Next.js server components and data fetching?

Best practices for Next.js server components involve verifying proper async API usage and modern data fetching patterns. Reviewing your codebase helps identify suboptimal performance and enforces guidelines for optimal server-client boundaries.

How can I optimize Next.js performance for images, fonts, and scripts?

Optimize Next.js performance by applying guidelines for runtime selection, image and font optimization, and script loading. Reviewing your bundling strategies ensures you follow modern techniques to resolve suboptimal application speed.

Can I use this to review Next.js file structures and routing patterns?

You can review Next.js file structures and routing patterns using a detailed checklist of recommended improvements. It evaluates your project files to identify inconsistent conventions and provides guidance for structural optimization.

Does this Next.js best practices checklist work with JavaScript and TypeScript files?

The Next.js best practices checklist works with both JavaScript and TypeScript files. It requires file system access to parse your project code and evaluate routing, component boundaries, and async patterns.

Why does my Next.js application have suboptimal performance and inconsistent file structures?

Next.js applications suffer from suboptimal performance and inconsistent file structures due to missing best-practice guidance. Applying a comprehensive checklist identifies improper data fetching and enforces optimal conventions.