Shopify Hydrogen Tutorial: Best Methods & Pro Tips

Shopify Hydrogen Tutorial: Best Methods & Pro Tips, available at $54.99, has an average rating of 4.15, with 38 lectures, based on 10 reviews, and has 82 subscribers.

You will learn about The architecture of the Hydrogen framework How to install Hydrogen locally for development How to use the Storefront API with Hydrogen How to use the Admin API with Hydrogen How to use Meta Objects with Hydrogen How to use Sanity CMS with Hydrogen How to build a homepage using Sanity CMS How to deploy to production This course is ideal for individuals who are Beginner to Intermediate "Shopify and React developers" or Shopify developers who want to learn Shopify Hydrogen or Students interested in Headless eCommerce or Students who want to build a Shopify Hydrogen store or Shopify merchants who wants to learn about Shopify Hydrogen It is particularly useful for Beginner to Intermediate "Shopify and React developers" or Shopify developers who want to learn Shopify Hydrogen or Students interested in Headless eCommerce or Students who want to build a Shopify Hydrogen store or Shopify merchants who wants to learn about Shopify Hydrogen.

Enroll now: Shopify Hydrogen Tutorial: Best Methods & Pro Tips

Summary

Title: Shopify Hydrogen Tutorial: Best Methods & Pro Tips

Price: $54.99

Average Rating: 4.15

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 38

Number of Published Curriculum Objects: 38

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

The architecture of the Hydrogen framework
How to install Hydrogen locally for development
How to use the Storefront API with Hydrogen
How to use the Admin API with Hydrogen
How to use Meta Objects with Hydrogen
How to use Sanity CMS with Hydrogen
How to build a homepage using Sanity CMS
How to deploy to production

Who Should Attend

Beginner to Intermediate "Shopify and React developers"
Shopify developers who want to learn Shopify Hydrogen
Students interested in Headless eCommerce
Students who want to build a Shopify Hydrogen store
Shopify merchants who wants to learn about Shopify Hydrogen

Target Audiences

Beginner to Intermediate "Shopify and React developers"
Shopify developers who want to learn Shopify Hydrogen
Students interested in Headless eCommerce
Students who want to build a Shopify Hydrogen store
Shopify merchants who wants to learn about Shopify Hydrogen

Welcome to the “Shopify Hydrogen Tutorial: Best Methods & Pro Tips” course.

My name is Jaxson. I’m the Product Owner and Team Lead at True Storefront, we’ve built the best Shopify Hydrogen theme (named Owen) and provide some Shopify Headless services.

I have over three years of experience with Shopify Headless (using Next.js) and more than two years of experience with Hydrogen (I’ve been using Hydrogen from very early). I’ve also successfully completed over 6 Shopify Headless projects for clients (including 2 Shopify Plus stores).

I’ll be sharing my practical experience with other developers who want to learn about Shopify Hydrogen. I’ll help you accelerate the learning process about Shopify Hydrogen with best practices, professional tips, and the right direction.

After completing this course, you will know about:

The architecture of the Hydrogen framework
How to install Hydrogen locally for development
How to use the Storefront API with Hydrogen
How to use the Admin API with Hydrogen
How to use Meta Objects with Hydrogen
How to use Sanity CMS with Hydrogen
How to build a homepage using Sanity CMS
How to deploy to production

I’ve extensively shared my experience with Shopify Hydrogen on my LinkedIn profile. If you are also interested in Shopify Hydrogen, and have any questions about it, connect with me on LinkedIn: in/jaxsonluu

Course Curriculum

Chapter 1: Introduction

Lecture 1: Overview

Lecture 2: Introduction

Lecture 3: What is Shopify Remix?

Lecture 4: What is Shopify Hydrogen?

Chapter 2: Setup Local Development

Lecture 1: Set up the development environment

Lecture 2: Installing Hydrogen locally

Lecture 3: Connect Shopify store with Hydrogen app

Lecture 4: Setup Customer Account API for Hydrogen locally

Lecture 5: Setup Tailwind css with Hydrogen

Chapter 3: Storefront API Usage (GraphQL)

Lecture 1: What is GraphQL?

Lecture 2: What is Shopify Storefront API?

Lecture 3: Installing and using of Altair GraphQL Client

Lecture 4: Using of GraphQL query in Hydrogen

Lecture 5: Using of Variables in GraphQL query

Lecture 6: Using of Fragments in GraphQL query

Lecture 7: Using of Mutations in GraphQL query

Chapter 4: Shopify Admin API Usage (GraphQL)

Lecture 1: What is Shopify Admin API?

Lecture 2: Config Altair GraphQL Client to using Admin API

Lecture 3: Create Admin API client for Hydrogen

Lecture 4: Using Shopify Admin API with Hydrogen

Chapter 5: How to use Shopify Metaobjects with Hydrogen

Lecture 1: What is Shopify Metaobjects?

Lecture 2: Create an Shopify Metaobjects

Lecture 3: How to display a Metaobject from Hydrogen?

Chapter 6: How to use Sanity CMS with Hydrogen

Lecture 1: What is Sanity CMS?

Lecture 2: What is GROQ query language?

Lecture 3: How to create a Sanity project?

Lecture 4: How to sync Shopify data with Sanity?

Lecture 5: Create Sanity client for Hydrogen

Lecture 6: Create example Sanity module

Lecture 7: Display example Sanity module on Hydrogen

Lecture 8: Using of Fragments in GROQ query

Chapter 7: Build example homepage with Sanity

Lecture 1: Cleanup and make some styling for the whole site

Lecture 2: Create Video Background section

Lecture 3: Create Banner Grid section

Lecture 4: Create Selected Products section

Lecture 5: Create Parallax Banner section

Lecture 6: Create About Us section

Chapter 8: Deploy to production

Lecture 1: Deploy to Shopify Oxygen

Instructors

Jaxson Luu
Product Owner & Technical Leader

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 0 votes
5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu