diff options
| author | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
|---|---|---|
| committer | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
| commit | 3fbb9a18372f2b6a675dd6c039ba52be76f3eeb4 (patch) | |
| tree | aa694a36cdd323a7853672ee7a2ba60409ac3b06 /frameworks/nextjs-15/.claude/commands/optimize-components.md | |
updates
Diffstat (limited to 'frameworks/nextjs-15/.claude/commands/optimize-components.md')
| -rw-r--r-- | frameworks/nextjs-15/.claude/commands/optimize-components.md | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/frameworks/nextjs-15/.claude/commands/optimize-components.md b/frameworks/nextjs-15/.claude/commands/optimize-components.md new file mode 100644 index 0000000..5e35740 --- /dev/null +++ b/frameworks/nextjs-15/.claude/commands/optimize-components.md @@ -0,0 +1,25 @@ +--- +allowed-tools: Read, MultiEdit, Grep, Glob +description: Analyze and optimize React Server/Client Component boundaries +--- + +Analyze the current component structure and optimize the Server/Client Component boundaries: + +1. Find all components currently marked with 'use client' +2. Analyze if they truly need client-side interactivity +3. Identify components that can be converted to Server Components +4. Find Server Components that are passing non-serializable props +5. Suggest component composition patterns to minimize client JS +6. Identify opportunities for: + - Moving data fetching to Server Components + - Extracting interactive parts into smaller Client Components + - Using children pattern to compose Server and Client Components + +Provide a detailed report with: + +- Current client/server component ratio +- Components that can be optimized +- Specific refactoring suggestions +- Estimated bundle size reduction + +Focus on reducing the amount of JavaScript sent to the client while maintaining functionality. |