Project Structure

my-storefront/
  app/
    layout.tsx              # Root layout with global data
    page.tsx                # Home page
    products/
      page.tsx              # Product listing
      [slug]/page.tsx       # Product detail
    category/
      [slug]/page.tsx       # Category page
    cart/page.tsx            # Cart page
    checkout/page.tsx        # Checkout flow
    account/
      page.tsx              # Customer dashboard
      orders/
        page.tsx            # Order history
        [id]/page.tsx       # Order detail
    blog/
      page.tsx              # Blog listing
      [slug]/page.tsx       # Blog post
    sitemap.ts              # Dynamic sitemap
  lib/
    dash.ts                 # Public client (pk_*)
    dash-server.ts          # Server client (sk_*)
  components/
    ProductCard.tsx
    CartDrawer.tsx
    VariationPicker.tsx
    Header.tsx
    Footer.tsx
  .env.local                # API keys