Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Business E-Commerce Shopify

Intro to Shopify App Development with React, Node & GraphQL

Learn Shopify App Development with React, Node.js, Koa, GraphQL, Apollo, Next.js, Polaris, Shopify ScriptTag API
Rating: 4.2 out of 54.2 (324 ratings)
1,785 students
Created by Working With Shopify
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

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

Requirements

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

Description

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.


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.



Average annual earnings for the top 25% of Shopify app developers is $272,000 (source: Shopify developers website)


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

Featured review

Hamed Al-Khabbaz
Hamed Al-Khabbaz
2 courses
2 reviews
Rating: 4.5 out of 510 months ago
would like to see the mongodb part and billing. Overall since it was non existant anywher in the web, this deserves a lot of the stars. Very easy to follow, would also like it if it was more in-depth and more best practices but quick and dirty is what I was looking for

Course content

11 sections • 31 lectures • 4h 5m total length

  • Preview02:17
  • Preview06:50

  • Building App Scaffold using Next.js and React
    07:16
  • Adding scripts to run Application
    02:28
  • Embedding app using Ngrok and OAuth
    09:29
  • Restarting Ngrok & localhost
    03:04

  • Shopify Updates
    00:13
  • Install required NPM packages
    01:51
  • Setting up Node.js (Koa) Server
    06:45
  • Authenticating and Testing App
    03:20

  • Preview04:45
  • Install Polaris
    00:28
  • Setting up an EmptyState with React and Polaris
    07:50
  • Products Button Setup
    13:33

  • Importing Koa Shopify GraphQL Proxy
    02:47
  • Overview of the Shopify GraphiQL App
    11:52
  • Save Product ID's
    04:01
  • Creating Query using GraphiQL
    05:29

  • Quick Apollo Overview and Installation
    02:21
  • Building out the ProductList
    08:30
  • Polaris for ProductList
    06:55

  • Introduction to Script Tags (Updated)
    21:14
  • Creating, Displaying, and Deleting Script Tags
    19:27
  • Adding Polaris to Script Page
    15:00

  • Displaying data from Server to front-end of store
    14:50
  • Creating POST endpoint
    10:52

  • Sending data from Shopify Admin to API endpoint
    09:01
  • Fetching data from Shopify Admin
    06:43
  • Overview of the Application
    07:11

  • Displaying Products on Storefront using jQuery
    21:14

Instructor

Working With Shopify
All about working with Shopify
Working With Shopify
  • 4.2 Instructor Rating
  • 842 Reviews
  • 3,434 Students
  • 4 Courses

Working With Shopify is a Toronto, Canada based education community focused on creating high quality e-learning courses for Shopify Developers, Designers, Agencies, Merchants, and anyone else working with the Shopify platform.

We have a passion for breaking down tough topics and teaching it.

Sign up and join us on this amazing adventure!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.