JavaScript-rendered content

The product grid is empty in the HTML source. JS fetches JSON and injects cards after load.

Medium JavaScript

Challenge

Either use a headless browser, or call /data/products.json directly (often smarter).

What to watch

  • Initial HTML: #js-product-list is empty
  • After JS: cards with .product-card appear
  • Network: GET /data/products.json
  • Ready flag: container gets data-ready="true"

JS storefront

loading…
Rendering products…