next-best-practices

Consolidate Next.js best practices into modular Markdown documents with YAML frontmatter.

146|12|Updated Jan 30, 2025
One-click install
npx skills add https://github.com/zoonk/zoonk --skill next-best-practices-zoonk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/zoonk/zoonk/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/zoonk/zoonk --skill next-best-practices-zoonk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide provides a centralized set of Next.js best practices to help teams standardize routing, component boundaries, data patterns, and performance optimizations.

Core Features & Use Cases

  • Covers file conventions, server components, route handlers, metadata, error handling, and image/font optimization.
  • Provides guidance for maintaining scalable Next.js architectures across large apps.
  • Real-world examples and checks to validate code against established patterns.

Quick Start

Review and apply the documented rules to your Next.js project to align architecture and implementation.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema
What are the best practices for structuring Next.js server components and route handlers?

Next.js best practices for server components and route handlers involve maintaining clear boundaries by keeping data fetching on the server and organizing route handlers using modular Markdown documents to enforce scalable file conventions.

How do I handle errors and set metadata in a Next.js app?

To handle errors and set metadata in a Next.js, apply standardized patterns for error handling boundaries and metadata configuration to ensure robust route management and consistent SEO across your application.

Does this Next.js best practices guide cover image and font optimization?

Yes, this Next.js best practices guide covers image and font optimization, providing actionable guidance and real-world examples to validate your code against established performance patterns.

What is the recommended way to manage async APIs and data patterns in Next.js?

The recommended way to manage async APIs and data patterns in Next.js is by following centralized guidance that standardizes server component boundaries and asynchronous data fetching techniques for scalable architectures.

Next.js best practices for large apps: how do I standardize routing and bundling?

To standardize routing and bundling for large Next.js apps, review and apply consolidated rules covering file conventions and bundling strategies to align your architecture and implementation.