CourseFlix

Intro to Shopify App Development with React, Node & GraphQL

4h 10s
English
Paid

This course teaches you how to build real Shopify apps with React, Node, and GraphQL. You will work with data from the Shopify Admin and send it to the storefront using the ScriptTag API. Each lesson shows clear steps you can follow.

Course Overview

You follow the Shopify React and Node tutorial as a base. Then you go deeper. You learn how each part works and how the pieces talk to each other. You also build a small app that adds custom code to a store’s front end.

Requirements

  • You know JavaScript or another programming language.
  • You want to learn how the Shopify platform works.

Who This Course Is For

  • Developers who use JavaScript, React, or Node.
  • New developers who want to learn Shopify app work.
  • People curious about how Shopify apps are built.

What You Will Learn

  • How to use React in a Shopify app.
  • How to build a Shopify app with React, Node, and GraphQL.
  • How to use Node in a Shopify app.

About the Author: udemy

udemy thumbnail

Udemy is a global online marketplace for teaching and learning. It connects students with instructors who share skills in many fields.

Who Uses Udemy

Millions of learners use Udemy to gain skills for work and personal growth. Companies, governments, and nonprofits also use Udemy to train their teams.

What Udemy Offers

Udemy provides a curated set of business and technical courses. These courses help teams build practical skills and support ongoing learning at work.

Watch Online 32 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 32 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What we'll be building
All Course Lessons (32)
#Lesson TitleDurationAccess
1
What we'll be building Demo
02:18
2
Introduction
06:51
3
Building App Scaffold using Next.js and React
07:17
4
Adding scripts to run Application
02:29
5
Embedding app using Ngrok and OAuth
09:30
6
Restarting Ngrok & localhost
03:05
7
Install required NPM packages
01:52
8
Setting up Node.js (Koa) Server
06:46
9
Authenticating and Testing App
03:21
10
Shopify Polaris Overview
04:46
11
Install Polaris
00:29
12
Setting up an EmptyState with React and Polaris
07:38
13
Products Button Setup
13:34
14
Importing Koa Shopify GraphQL Proxy
02:48
15
Overview of the Shopify GraphiQL App
11:53
16
Save Product ID's
04:02
17
Creating Query using GraphiQL
05:30
18
Quick Apollo Overview and Installation
02:07
19
Building out the ProductList
08:31
20
Polaris for ProductList
06:56
21
Introduction to Script Tags
16:26
22
Creating, Displaying, and Deleting Script Tags
18:20
23
Creating Fixed
01:16
24
Adding Polaris to Script Page
14:20
25
Create Function Fixed 2
00:42
26
Displaying data from Server to front-end of store
14:51
27
Creating POST endpoint
10:53
28
Sending data from Shopify Admin to API endpoint
09:02
29
Fetching data from Shopify Admin
06:44
30
Overview of the Application
07:12
31
Displaying Products on Storefront using jQuery
21:15
32
Next steps in your Shopify Journey
07:26
Unlock unlimited learning

Get instant access to all 31 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription