Optimizing Performance with Next.js 15

title: Optimizing Performance with Next.js 15

excerpt: Discover the latest performance optimizations in Next.js 15 and how to implement them in your Sanity projects.

slug: nextjs-15-performance

publishedAt: 2026-01-05

Optimizing Performance with Next.js 15Anchor

Next.js 15 brings significant performance improvements that make your Sanity-powered websites even faster.

TurbopackAnchor

Next.js 15 introduces Turbopack, a new bundler that's significantly faster than Webpack:

  • Up to 700x faster than Webpack
  • Improved hot reload - see changes instantly
  • Better caching - rebuilds only what changed

To enable it, just add --turbopack to your dev command.

Server ComponentsAnchor

Server Components in Next.js 15 allow you to:

  • Reduce JavaScript sent to the client
  • Fetch data directly in components
  • Improve initial page load times

Image OptimizationAnchor

The Next.js Image component automatically optimizes images: