CF

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 the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

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

Related courses

Frequently asked questions

What is Intro to Shopify App Development with React, Node & GraphQL about?
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…
Who teaches this course?
It is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 32 lessons with a total runtime of 4 hours. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/intro-to-shopify-app-development-with-react-node-graphql. The page hosts every lesson with the integrated video player; no download is required.