rsc-data-optimizer
CommunityAccelerate Next.js data fetch with SSR.
Software Engineering#performance#data fetching#Next.js#server components#RSC#SSR optimization#client to server
Authorlimaon
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps Next.js developers move data fetching from client components to server components to improve initial render performance and SEO by leveraging server-side rendering.
Core Features & Use Cases
- Identify client-side data fetching patterns (useEffect + useState, useStore) that block the initial render.
- Convert eligible pages to server components to render data on the server and reduce hydration delays.
- Use in cases where pages rely on dynamic data during first paint, want to improve SEO, or eliminate loading spinners.
Quick Start
Identify a slow, client-side data fetching page, then follow the 3-step workflow to convert it to a server component and deploy.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: rsc-data-optimizer Download link: https://github.com/limaon/dotfiles/archive/main.zip#rsc-data-optimizer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.