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
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
Homepage

https://www.udemy.com/course/shopify-hydrogen-developer/