nextjs-performance

What problem does it solve?

Next.js critical performance issues like waterfalls, oversized bundles, and insecure production builds can degrade user experience. This Skill provides a concise, battle-tested set of patterns to stabilize rendering, shrink bundle sizes, and harden Server Actions, while preserving correctness.

Core Features & Use Cases

• Prevent waterfalls by coordinating data fetching with Promise.all and Suspense where appropriate.
• Reduce bundle size by avoiding barrel imports and favoring direct, explicit imports.
• Secure Server Actions with in-action authentication checks and resource ownership validation.
• Ensure production builds are reliable by aligning tooling and commands for optimal output.

Quick Start

Apply these Next.js performance patterns in your project to eliminate waterfalls and tighten production builds.