Next.js — Next Best Practices

Trust Score 91/100

Opinionated collection of Next.js best practices covering file conventions, RSC boundaries, async patterns, metadata, image/font optimization, error handling an

triggers:next.jsrschydrationimage optimizationfile conventionserror handlingroute handlers

GitHub SKILL.md

What it does

This skill codifies a set of Next.js engineering best practices and checks to use when writing or reviewing Next.js apps. It covers file and routing conventions, detecting invalid React Server Component patterns, async API patterns, metadata and OG image generation, image/font optimization, error handling patterns, and bundling considerations.

When to use it

Use this skill during code reviews, pull request checks, architecture discussions, or when onboarding engineers to Next.js 15+ patterns. It is valuable for preventing common pitfalls (hydration errors, invalid server/client boundaries, data waterfalls) and for guiding decisions about runtime selection and bundling.

What's included

Scripts: none required; companion docs and markdown files present in the repo (route-handlers.md, rsc-boundaries.md, etc.)
References: extensive linked docs in the repo describing each rule and guidance file.
Instructions: actionable guidance per topic (file conventions, error handling, image/font best practices, and debug tricks).

Compatible agents

Useful with code-assistant agents (Copilot/Codeium/GitHub Copilot, Claude Code-like assistants) and any LLM used for code review or automated PR checks.

Audit Summary

A well-structured reference skill for Next.js best practices covering 17+ topics from RSC boundaries to self-hosting. No executable scripts — purely a knowledge/lookup skill. Clean frontmatter, good progressive disclosure with lean index SKILL.md pointing to detailed sub-files. Broad audience and practical coverage of common Next.js pain points.

Watch Out

No scripts to execute — purely reference content
Relies on 17+ external reference files not included in the audit payload

Notes

Pure reference/knowledge skill with no executable content. High security score reflects zero attack surface. Quality and architecture scores reflect clean organization and good separation of concerns. Usefulness slightly limited by being reference-only (no automation), but the topic coverage is excellent.

Information

Repository: skills
Stars: 520

Trust Score

Overall91

Security100

Code Quality82

Architecture84

Usefulness78

More from skills

Motion (Framer Motion) Animations

Expert implementation of React animations using Motion, covering gestures, scroll effects, layout transitions, and performance optimization.

Related Skills

Run Execute

Orchestrates execution of work items across modes (autopilot, confirm, validate) with scripted init/complete tooling, plan/test/report artifacts and strict gati

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Codex Collab

Bridge Claude and Codex to run tasks, perform code reviews, and run background jobs for research or implementation workflows.

Node.js Best Practices

Guidelines and decision-making for Node.js architecture, runtime, async patterns, security, validation, and testing to inform framework and system choices.

Pytest Plugins Guide

Guidance on the pytest plugin ecosystem: plugin development, pytest-cov, pytest-mock, configuration, CI integration, and advanced patterns.

Go Data Structures

Authoritative guidance on choosing and using Go built-in and standard-library data structures, with practical best practices for slices, maps, arrays, container

AI Pair Collaboration

Orchestrates a small heterogeneous team of AI agents (author/developer + Codex reviewer + Gemini reviewer) to produce and review content or code in a coordinate

Back to Skills