Udemy 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.

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.

1. Tips to learn better during the course
2. Introduction to the study group
3. What's Shopify Hydrogen?
4. The tools you will see me using during the course
5. Overview of the tools used in the project architecture
6. Learning how the theme works Hydrogen
7. Adjusting the project
8. Customizing the home page
9. Editing the category page
10. Editing the product page
11. Customizing the 404 page
12. Hosting on serverless
13. Hosting on Docker

Who this course is for:​

• Frontend Developers
• Shopify Developers
• Ecommerce Agencies