Skip to main content
More in Learn

Building a Custom eCommerce Store From Scratch (Part 2)

Responsive images are essential for a great user experience and vital for site speed. In this video, you’ll learn how to use the HTML elements picture, figure, and img with the properties srcset and sizes to ensure the browser loads the right image size for a given screen, using plain HTML and a React library to simplify the developer experience.

Up next

Building a Custom eCommerce Store From Scratch (Part 3)

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 3 focuses on CSS styling.

Building a Custom eCommerce Store From Scratch (Part 4)

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 4 continues with a focus on frontend styling with CSS.

Building a Custom eCommerce Store From Scratch (Part 5)

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 5 focuses on tidying up our components to handle pricing and variant selection.

Building a Custom eCommerce Store From Scratch (Part 6)

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 6 focuses on creating the cart, a vital step in our journey towards a full checkout process.

Related Items

People showing thumbs up

Need further assistance?

Ask the Crystallize team or other enthusiasts in our slack community.

Join our slack community