Skip to main content
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
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

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