skills.rest
bettercallzaal
bettercallzaalCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

next-best-practices

Codify Next.js best practices into a discoverable guide for code reviews and onboarding.

1|1|Updated Mar 12, 2026
Search Tags:#routing#guidance#metadata#nextjs#best-practices#server-components#data-fetching
One-click install
npx skills add https://github.com/bettercallzaal/ZAOOS --skill next-best-practices-bettercallzaal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/bettercallzaal/ZAOOS/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/bettercallzaal/ZAOOS --skill next-best-practices-bettercallzaal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standardizes and enforces Next.js development practices across projects by codifying guidelines into clear, actionable rules that teams can follow.

Core Features & Use Cases

  • Guided project conventions: references file-conventions.md and routing patterns to align project structures.
  • RSC boundary & data patterns guidance: helps identify valid server/client boundaries and recommended data fetching approaches.
  • Metadata & SEO guidance: covers generateMetadata, viewport, OG images, and static metadata conventions for consistent SEO.

Quick Start

Review the Next.js Best Practices guidelines and apply them to a new or existing project to align with established conventions.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema
How do I structure routing and file conventions in a Next.js project?▼

Next.js routing and file conventions are standardized by codifying guidelines into actionable rules, aligning project structures through discoverable references for robust application architecture.

What's the best way to identify valid server and client component boundaries in Next.js?▼

Valid server and client component boundaries are identified using RSC boundary guidance, helping teams apply recommended data fetching approaches and maintain consistent implementations across projects.

How does generateMetadata work for Next.js SEO and what conventions should I follow?▼

Next.js SEO metadata conventions cover generateMetadata, viewport settings, OG images, and static metadata to ensure consistent search engine optimization across application routes.

Can I use these Next.js best practices for both onboarding and code reviews?▼

Next.js best practices apply directly to code reviews, onboarding, and architecture decisions, enforcing a frontmatter-based entry with optional resources for on-demand guidance.

What are the recommended data fetching strategies for Next.js server components?▼

Recommended data fetching strategies for Next.js server components are codified into clear rules, solving inconsistent implementations by providing actionable guidelines for robust apps.

Related Skills

Explore More Software Engineering Skills→
BurburtonBurburton

nextjs-setup

Configure Next.js projects with routing, middleware, and configuration recommendations.

Community
Advanced
ByeongminLeeByeongminLee
2

next-best-practices

Apply Next.js engineering conventions to file structure, routing, and data patterns.

Community
Advanced
keremtoker468-dotcomkeremtoker468-dotcom

next-best-practices

Guide Next.js App Router development with file conventions and RSC boundaries.

Community
Advanced
Yoriichi-DangYoriichi-Dang

next-best-practices

Codify Next.js App Router best practices for scalable project patterns.

Community
Advanced