Product Detail Page (PDP)

Sources: Next.js Caching · Server Actions · Suspense

When to Use

Use this skill when:

• Modifying PDP layout or components
• Working with the image gallery/carousel
• Understanding caching and streaming architecture
• Debugging add-to-cart issues
• Adding new product information sections

For variant selection logic specifically, see variant-selection.

Start here: Read the Data Flow section first - it explains how everything connects.

Architecture Overview