Skills
.Work. You
Rest

react-nextjs-patterns

Official

Server-first React patterns for Next.js apps.

Software Engineering#react#patterns#nextjs#best-practices#app-router#server-components#client-boundaries
AuthorEsdeveniments
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill codifies best practices for building React 19 and Next.js 16 apps with the App Router, emphasizing server components by default and minimal client boundaries to improve performance and maintainability.

Core Features & Use Cases

  • Server Components by default to render data-heavy or SEO-critical UI without extra client-side JavaScript.
  • Minimal client boundaries, with "use client" added only to leaf components that require interactivity.
  • Guidance for data fetching, routing, and modern React patterns across typical pages and components.
  • Use Case: Apply server-first patterns to dashboards, lists, and content pages while isolating interactive widgets as client islands.

Quick Start

Set up your app to render server components by default, add "use client" only where needed, and adopt App Router conventions across pages and components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-nextjs-patterns
Download link: https://github.com/Esdeveniments/esdeveniments-frontend/archive/main.zip#react-nextjs-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.