From 3fbb9a18372f2b6a675dd6c039ba52be76f3eeb4 Mon Sep 17 00:00:00 2001 From: TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> Date: Fri, 16 Jan 2026 08:30:14 +0900 Subject: updates --- .../.claude/commands/optimize-components.md | 25 ++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 frameworks/nextjs-15/.claude/commands/optimize-components.md (limited to 'frameworks/nextjs-15/.claude/commands/optimize-components.md') 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. -- cgit v1.2.3