Shopify Headless Theme Development with Hydrogen [2022]

Convert a Figma layout to Shopify Hydrogen themes using React, prepare a server and publish your headless store live

Updated 03/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 21 lectures (1h 55m) | Size: 1.71 GB

What you’ll learn
Create a custom Shopify themes with Hydrogen
Create Shopify headless store and publish live
Tips and tricks to use Hydrogen
How to prepare a server to host your headless theme
Convert Figma layout to Shopify Hydrogen themes

Requirements
Experience with React
Have a Shopify Store account

Description
In this course, we will create a super optimized theme using the amazing new headless technology called Shopify Hydrogen, a responsive theme, optimized for mobile, to finish we will launch it in production. After this Shopify Hydrogen course, you will become a certified e-commerce headless developer, able to plan and create amazing stores that will be easy to maintain and to use.

Our key technologies in the frontend and backend will be

React

Tailwind 3

Vite

Node

Hydrogen Middleware Express

During this course, you will have support through the discussion center to students with a QA channel, and all the code step-by-step in folders via Github.

In case you never developed a theme for e-commerce or Shopify, there’s no problem, to start this course you will just need to have a notion of React and a Shopify account, even if the store isn’t published, a development store will work. Before starting coding, I will introduce you to the QA channel and with the headless concept, the classes will follow these steps below.

Tips to learn better during the course

Introduction to the study group

What’s Shopify Hydrogen?

The tools you will see me using during the course

Overview of the tools used in the project architecture

Learning how the theme works Hydrogen

Adjusting the project

Customizing the home page

Editing the category page

Editing the product page

Customizing the 404 page

Hosting on serverless

Hosting on Docker

Who this course is for
Frontend Developers
Shopify Developers
Ecommerce Agencies