index.js

const IndexPage = ({ data }) => (
  <div className="Catalogue">
    {
      data.products.edges.map(({ node: product }) => (
        <div className="Catalogue__item" key={product.id}>
          <a
            href="#"
            className="Product snipcart-add-item"
            data-item-id={product.slug}
            data-item-price={product.price}
            data-item-image={product.image}
            data-item-name={product.name}
            data-item-url={`/`}
          >
            { /* ... */ }
          </a>
        </div>
      ))
    }
  </div>
)