nextjs15-performance

What problem does it solve?

This Skill provides a concise, opinionated set of Next.js 15 performance fixes to help developers deliver faster, more responsive applications by optimizing rendering, data fetching, and bundle size.

Core Features & Use Cases

• Critical patterns and best practices for Next.js 15 performance: parallel data fetching with Promise.all, using Suspense boundaries, optimizing Server Actions, and minimizing client-side JavaScript.
• Use Case: When building a Next.js 15 app with slow initial load times, apply these fixes to improve TTFB and interactive speed.
• Use Case: For optimizing SSR hydration and streaming, or reducing bundle size for faster Lighthouse scores.

Quick Start

Review the recommended patterns in this Skill and start applying them to your Next.js 15 project. Begin by refactoring data fetching to use Promise.all where possible, wrap slow operations in Suspense, and adjust imports to minimize bundle size. Validate performance improvements with your benchmarking tools.