commerce/framework/local/data.json

{
  "products": [
    {
      "id": "Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjA=",
      "name": "New Short Sleeve T-Shirt",
      "vendor": "Next.js",
      "path": "/new-short-sleeve-t-shirt",
      "slug": "new-short-sleeve-t-shirt",
      "price": { "value": 25, "currencyCode": "USD" },
      "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
      "images": [
        {
          "url": "/assets/drop-shirt-0.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/drop-shirt-1.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/drop-shirt-2.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        }
      ],
      "variants": [
        {
          "id": "Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjAss=",
          "options": [
            {
              "__typename": "MultipleChoiceOption",
              "id": "asd",
              "displayName": "Size",
              "values": [
                {
                  "label": "XL"
                }
              ]
            }
          ]
        }
      ],
      "options": [
        {
          "id": "option-color",
          "displayName": "Color",
          "values": [
            {
              "label": "color",
              "hexColors": ["#222"]
            }
          ]
        },
        {
          "id": "option-size",
          "displayName": "Size",
          "values": [
            {
              "label": "S"
            },
            {
              "label": "M"
            },
            {
              "label": "L"
            }
          ]
        }
      ]
    },
    {
      "id": "Z2lkOi8vc2hvcGlmeS9Qcm9ksdWN0LzU0NDczMjUwMjQ0MjA=",
      "name": "Lightweight Jacket",
      "vendor": "Next.js",
      "path": "/lightweight-jacket",
      "slug": "lightweight-jacket",
      "price": { "value": 249.99, "currencyCode": "USD" },
      "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
      "images": [
        {
          "url": "/assets/lightweight-jacket-0.png",
          "altText": "Lightweight Jacket",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/lightweight-jacket-1.png",
          "altText": "Lightweight Jacket",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/lightweight-jacket-2.png",
          "altText": "Lightweight Jacket",
          "width": 1000,
          "height": 1000
        }
      ],
      "variants": [
        {
          "id": "Z2lkOid8vc2hvcGlmeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjAss=",
          "options": [
            {
              "__typename": "MultipleChoiceOption",
              "id": "asd",
              "displayName": "Size",
              "values": [
                {
                  "label": "XL"
                }
              ]
            }
          ]
        }
      ],
      "options": [
        {
          "id": "option-color",
          "displayName": "Color",
          "values": [
            {
              "label": "color",
              "hexColors": ["#222"]
            }
          ]
        },
        {
          "id": "option-size",
          "displayName": "Size",
          "values": [
            {
              "label": "S"
            },
            {
              "label": "M"
            },
            {
              "label": "L"
            }
          ]
        }
      ]
    },
    {
      "id": "Z2lkOis8vc2hvcGlmsddeS9Qcm9kdWN0LzU0NDczMjUwMjQ0MjA=",
      "name": "Shirt",
      "vendor": "Next.js",
      "path": "/shirt",
      "slug": "shirt",
      "price": { "value": 25, "currencyCode": "USD" },
      "descriptionHtml": "<p><span>Show off your love for Next.js and Vercel with this unique,&nbsp;</span><strong>limited edition</strong><span>&nbsp;t-shirt. This design is part of a limited run, numbered drop at the June 2021 Next.js Conf. It features a unique, handcrafted triangle design. Get it while supplies last – only 200 of these shirts will be made!&nbsp;</span><strong>All proceeds will be donated to charity.</strong></p>",
      "images": [
        {
          "url": "/assets/t-shirt-0.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/t-shirt-1.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/t-shirt-2.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/t-shirt-3.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        },
        {
          "url": "/assets/t-shirt-4.png",
          "altText": "Shirt",
          "width": 1000,
          "height": 1000
        }
      ],
      "variants": [
        {
          "id": "Z2lkOi8vc2hvcGlmeS9Qcms9kdWN0LzU0NDczMjUwMjQ0MjAss=",
          "options": [
            {
              "__typename": "MultipleChoiceOption",
              "id": "asd",
              "displayName": "Size",
              "values": [
                {
                  "label": "XL"
                }
              ]
            }
          ]
        }
      ],
      "options": [
        {
          "id": "option-color",
          "displayName": "Color",
          "values": [
            {
              "label": "color",
              "hexColors": ["#222"]
            }
          ]
        },
        {
          "id": "option-size",
          "displayName": "Size",
          "values": [
            {
              "label": "S"
            },
            {
              "label": "M"
            },
            {
              "label": "L"
            }
          ]
        }
      ]
    }
  ]
}