DEV Community

Cover image for Shopify Hydrogen Introduction
Rafael Corrêa Gomes
Rafael Corrêa Gomes

Posted on • Updated on • Originally published at

Shopify Hydrogen Introduction

Headless is the new method to give you the freedom to apply customizations needed in an easier way. This Shopify Hydrogen introduction shows how to analyze this solution to your business.

If you want to learn how to code using Shopify Hydrogen, check out my Shopify Hydrogen development course helping you to get a layout from Figma and create a theme ready for production.

Before Hydrogen, we had some alternatives of using Headless architecture, you can check them in my previous article Enterprise Shopify headless architecture.

What do you need to know?

Before deciding to use Shopify Hydrogen you will need to challenge yourself about the business model you need. Try to start with these questions:

  • Do I have enough technical guidance and strategy?
  • What are the trade-offs?
  • Why I can't use Liquid instead?
  • Could I add Hydrogen in a future implementation instead of the current phase?
  • My time is ready to start the new development stack?

After having these initial analyses your company will be able to measure the main points to make the right decision.

How it's different from a traditional store?

Your traditional store involves less code, less cost of maintenance and more limits, Shopify Hydrogen has more flexibility and more cost of ownership too.

Your team might be very good at coding a traditional store and struggle to code this new Shopify headless model. Below you see the development stacks required for each store.

Dev stack -- Shopify Store 2.0

  • HTML
  • CSS
  • JS
  • Liquid

Dev stack -- Shopify Hydrogen

  • HTML
  • CSS
  • JS + React
  • APIs

Thank you for reading this article, I hope you liked, are you're working with Hydrogen too?

Course Shopify Headless with Hydrogen

Top comments (0)