Slide organization

How to structure slide files so decks stay manageable as they grow. The runtime discovers slides via querySelectorAll('[data-slide]') in DOM order, so file structure is purely for human ergonomics. Use it well.

The rule

One file per slide. One manifest that controls order.

app/
  page.tsx              # Manifest: imports slides, defines order
  slides/
    01-title.tsx
    02-problem.tsx
    03-solution.tsx
    04-demo.tsx
    05-pricing.tsx
    06-close.tsx