Rule React

Server Components by Default

Use server components by default; add 'use client' only when needed

reactserver-componentsnextjs
CLAUDE.md

Use server components by default in Next.js and React 19+. Only add 'use client' when you need interactivity (event handlers, hooks, browser APIs). Server components reduce bundle size and improve initial load.

Copy this block into your CLAUDE.md or agent config file to enforce it in your workflow.

get crystl