Intro to Shopify App Development with React, Node & GraphQL

Name: Intro to Shopify App Development with React, Node & GraphQL
Price: 9 USD
Availability: InStock

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.

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