Next.js Partial Prerendering Demo

A demonstration of Next.js Partial Prerendering (PPR) using a product page example. This project showcases how PPR can improve user experience by combining static and dynamic content rendering.

Features

• Static product details (images, descriptions)
• Dynamic pricing updates
• Dynamic size availability
• PPR-optimized loading states

Getting Started

First, install the dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.