Skills
.Work. You
Rest

nextjs-server-client-components

Community

Choosing between Server and Client Components

Software Engineering#routing#components#server-client#use-client#use
AuthorMuhammedSuhaib
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps decide when to use Server Components vs Client Components in Next.js App Router, focusing on useSearchParams, Suspense, cookies/headers, and the 'use client' boundary.

Core Features & Use Cases

  • Server vs Client decisions: Guidance on data fetching and interactivity tradeoffs.
  • useSearchParams & Suspense: Patterns requiring client components.
  • MCP and cookies/headers: How to access server context safely.

Quick Start

  1. Default to Server Components; move interactivity to targeted Client Components.
  2. When needed, annotate the minimal component with 'use client'.
  3. Use React's use() for server-provided promises where applicable.

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: nextjs-server-client-components
Download link: https://github.com/MuhammedSuhaib/LevelUpSpeckit-Plus/archive/main.zip#nextjs-server-client-components

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