What’s New in Next.js 15?

Introduction

Next.js 15 brings exciting updates to enhance performance, developer experience, and scalability. In this post, we’ll dive into key features like improved caching and new APIs.

Enhanced Caching with Partial Prerendering

Next.js 15 introduces Partial Prerendering, which combines static and dynamic rendering for faster page loads.

// app/blog/[slug]/page.tsx
import { unstable_cache } from "next/cache";

async function getPost(slug: string) {
  const res = await fetch(`https://api.example.com/posts/${slug}`);
  return res.json();
}

export default async function BlogPost({
  params,
}: {
  params: { slug: string },
}) {
  const post = await unstable_cache(getPost, ["post", params.slug])(
    params.slug
  );

  return (
    <article>
      <h1>{post.title}</h1>
      <div dangerouslySetInnerHTML={{ __html: post.content }} />
    </article>
  );
}

Conclusion

Next.js 15’s new caching strategies and APIs make it easier to build fast, scalable apps. Experiment with Partial Prerendering to optimize your pages!