skills.rest
tusosos
tusososCOMMUNITY
Explore all skills by this author →
GitHub

next-best-practices

Consolidate Next.js best practices into a structured reference guide.

Updated Apr 3, 2026
Search Tags:#next.js#metadata#best-practices#bundling#image-optimization#rsc#route-handlers
One-click install
npx skills add https://github.com/tusosos/manus-knowledge-base --skill next-best-practices-tusosos
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/tusosos/manus-knowledge-base/tree/main/OKComputer-3D/.agents/skills/next-best-practices
Command: npx skills add https://github.com/tusosos/manus-knowledge-base --skill next-best-practices-tusosos

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a concise, authoritative reference for Next.js best practices, unifying guidelines across file conventions, RSC boundaries, data patterns, and performance optimization.

Core Features & Use Cases

  • File conventions & routing: guidance on project structure, route segments, and parallel routes.
  • RSC boundaries & safety: detection of invalid React Server Component patterns and best practices for server actions and metadata.
  • Data patterns & metadata: guidance on Server Components vs Server Actions vs Route Handlers and dynamic metadata strategies.
  • Performance & tooling: image/font optimization, bundling tips, and debugging tricks for Next.js apps.
  • Use this guide during code reviews to align on a standard architecture and quality bar.

Quick Start

Run a quick Next.js best-practices assessment on your project and generate a prioritized improvement plan.

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 React Server Components boundaries in Next.js?▼

Next.js RSC best practices involve detecting invalid Server Component patterns and applying standardized guidance for server actions and metadata to ensure safe boundaries. This guide provides actionable rules for maintaining RSC safety.

How do I structure file conventions and routing for parallel routes in Next.js?▼

Structuring file conventions and routing in Next.js requires following standardized guidance on project structure, route segments, and parallel routes. This guide consolidates those file conventions into a single reference.

When should I use Route Handlers versus Server Actions for data patterns in Next.js?▼

Choosing between Server Components, Server Actions, and Route Handlers in Next.js depends on your data patterns. This guide provides structured decision-making guidance to standardize your metadata and data fetching strategies.

What is the best way to optimize images and bundling in Next.js applications?▼

Optimizing images and bundling in Next.js involves applying specific performance and tooling tricks. This guide provides consolidated tips for image and font optimization alongside bundling improvements for Next.js apps.

Can I use this Next.js best practices guide to assess my existing project architecture?▼

Yes, you can use this guide during code reviews to assess your Next.js project architecture and align on a standard quality bar. It generates a prioritized improvement plan based on standardized guidance.

Related Skills

Explore More Software Engineering Skills→
krl76krl76

unity-project-scout

Inspect Unity version, packages, asmdefs, and folder structures for baseline assessment.

Community
Intermediate
DebuggingInTearsDebuggingInTears

vercel-react-best-practices

Analyze React/Next.js code for rendering, data fetching, and bundling optimizations.

Official
Advanced
sayeedjoysayeedjoy
2

next-best-practices

Standardize Next.js projects with documented best practices for code reviews.

Community
Intermediate
angelcreativeangelcreative

optimize

Analyze application performance bottlenecks and provide optimization strategies for Core Web Vitals.

Community
Advanced