Intro to Shopify App Development with React, Node & GraphQL

4h 10s
English
Paid
November 1, 2023

This is the first course of it's kind on the internet! Learn how to make professional applications for the Shopify Platform using React, Node, Koa, GraphQL, Apollo, and the Shopify ScriptTag API. In this course we will using data from the Shopify Admin and injecting it into the Storefront using the Shopify ScriptTag API.

More

This course is made as an extension to the Shopify React + Node tutorial available in the Shopify documentation. We will be diving deeper into the documentation where I will be explaining the concepts in more detail and additionally showing how to use the Shopify ScriptTag API to create a concept application that is able to inject custom code into the front-end of a store.

Requirements:

  • Knowledge of JavaScript or another programming language
  • Interest in learning about the Shopify Platform

Who this course is for:
  • JavaScript, React, or Node JS Developers
  • Beginner Developers looking to learn about Shopify App Development
  • People curious how Shopify Apps are made

What you'll learn:

  • Developing principles for using React for Shopify Apps
  • Shopify App Development using React, Node, GraphQL
  • Developing principles for using Node for Shopify Apps

Watch Online Intro to Shopify App Development with React, Node & GraphQL

Join premium to watch
Go to premium
# Title Duration
1 What we'll be building 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

Similar courses to Intro to Shopify App Development with React, Node & GraphQL

Go Full Stack with Spring Boot and React

Go Full Stack with Spring Boot and React

Duration 11 hours 43 minutes 36 seconds
Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Duration 22 hours 41 minutes 56 seconds
The Ultimate React Course 2023: React, Redux & More

The Ultimate React Course 2023: React, Redux & More

Duration 67 hours 14 minutes 41 seconds
MERN Stack Web Development with Ultimate Authentication

MERN Stack Web Development with Ultimate Authentication

Duration 9 hours 24 minutes 59 seconds
React Query - Essentials (v2)

React Query - Essentials (v2)

Duration 2 hours 54 minutes 5 seconds
Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Duration 5 hours 51 minutes 37 seconds
React Simplified - Advanced

React Simplified - Advanced

Duration 11 hours 29 minutes 50 seconds
Build Web Apps with React & Firebase

Build Web Apps with React & Firebase

Duration 23 hours 34 minutes 47 seconds