Next
Next

How can we use the Partial Prerendering (PPR) advanced feature for faster initial loads in Next.js 16?

November 28, 2025

Partial Prerendering (PPR) in Next.js 16 speeds up initial loads by statically prerendering page shells while streaming dynamic parts via Suspense boundaries.​

Enable PPR in next.config.ts with experimental.ppr: 'incremental', then opt-in per route by exporting experimental_ppr = true. Wrap dynamic components in <Suspense fallback={...}> so static content loads instantly and dynamic sections stream in.

Code

// next.config.ts
const nextConfig = {
  experimental: {
	ppr: 'incremental',
  },
};

export default nextConfig;


// app/page.tsx
export const experimental_ppr = true;

import { Suspense } from 'react';
import DynamicUser from './DynamicUser';

export default function Page() {
  return (
	<>
  	<h1>Static Shell</h1>

  	<Suspense fallback={<div>Loading...</div>}>
    	<DynamicUser />
  	</Suspense>
	</>
  );
}
Hire Now!

Need Help with Next Development ?

Ready to leverage the power of conversational AI? Start your project with Zignuts expert AI developers.
bg-image
download-image
Company Deck
PDF, 3MB
© 2026 Zignuts Technolab. All Rights Reserved.
branch imagesbranch imagesbranch imagesbranch imagesbranch imagesbranch images