Hydrogen JS

Vikum Dabare
2 min readNov 11, 2021

--

There are a lot of javascript frameworks out there and recently a new javascript framework has been released. Hydrogen is a React-based framework created by Shopify.

You can find the documentation here:

The speciality of this framework is that it is optimized to build e-commerce web applications using Shopify. Hydrogen is similar to Next js but has predefined components and hooks making it much easier to develop a store-front.

Moreover, Hydrogen makes it possible to integrate all the react server components making it a fast and efficient way to build e-commerce applications.

Hydrogen uses the Shopify storefront API and Vite as a developer environment.

Building an e-commerce website from scratch isn’t practical, but using a template can significantly limit the customisation you are able to do. Hydrogen can be really useful in this situation by allowing great customisation.

Furthermore, Hydrogen provides a way to connect your front-end application with the Shopify backend easily.

Hydrogen is developed so that it can fully support the upcoming hosting platform also made by Shopify called oxygen. Oxygen is set to release in 2022 and can be a complete game-changer with the combination of hydrogen.

Hydrogen + Oxygen → Water, and water is always good.

--

--

Vikum Dabare

Self-taught full stack developer (MERN stack). I love writing blogs and coding :) Catch me on discord: iiTz Vikum#8711 or email: vikumdabare@gmail.com