接続

React & Next.js Performance Wizard

sickn33bysickn33
•
38k
•
学習とドキュメンテーション

Optimizes React and Next.js applications using 45 Vercel-maintained performance rules for data fetching, rendering, and bundle management.

This skill integrates Vercel's authoritative performance optimization guide directly into your development workflow. It provides 45 prioritized rules across eight critical categories, including waterfall elimination, bundle size reduction, and server-side performance enhancements. Whether you are building new components from scratch or refactoring legacy code, this skill helps identify bottlenecks and implements efficient patterns for data fetching, memoization, and rendering to ensure production-grade speed and responsiveness.

主な機能

0137,717 GitHub stars
02Implements 45 Vercel-maintained performance optimization rules
03Eliminates asynchronous waterfalls with parallel fetching strategies
04Reduces bundle size through dynamic imports and barrel file management
05Optimizes re-rendering cycles via intelligent memoization and state management
06Enhances server-side performance for Next.js App Router architectures

ユースケース

01Implementing efficient client and server-side data fetching in Next.js
02Refactoring React components to improve Core Web Vitals and load times
03Conducting automated performance audits during code reviews