Introduction to Next.js 15: What's New?

Next.js 15 represents a major step for the React ecosystem, bringing significant improvements in performance, developer experience, and production capabilities.

Turbopack - Now Stable

One of the most anticipated features, Turbopack is now stable for development. This Rust-based bundler offers:

• Up to 76% faster startup
• Near-instant Hot Module Replacement (HMR)
• Up to 45% reduced memory usage

// next.config.js
module.exports = {
  experimental: {
    turbo: {
      rules: {
        '*.svg': {
          loaders: ['@svgr/webpack'],
          as: '*.js',
        },
      },
    },
  },
};

React 19 Support

Next.js 15 comes with full support for React 19, including:

• Improved Server Components
• Simpler and more powerful Actions
• use() hook for suspense-ready data fetching

async function BlogPost({ id }) {
  const post = await fetchPost(id);

  return (
    <article>
      <h1>{post.title}</h1>
      <p>{post.content}</p>
    </article>
  );
}

Partial Prerendering (PPR)

PPR allows combining static and dynamic content on the same page:

export const experimental_ppr = true;

export default function Page() {
  return (
    <main>
      {/* This part is static */}
      <Header />

      {/* This part is dynamic */}
      <Suspense fallback={<Loading />}>
        <DynamicContent />
      </Suspense>
    </main>
  );
}

Conclusions

Next.js 15 consolidates the framework's position as the primary choice for modern React applications. With stable Turbopack and React 19 support, developers now have more powerful tools to build exceptional web experiences.

If you have questions about adopting Next.js 15 in your project, don't hesitate to contact us!