Udemy - Build a Custom Shopify Storefront using React (Headless CMS)

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size1.4 GB
  • Uploaded Bytutsnode
  • Downloads146
  • Last checkedFeb. 06th '21
  • Date uploadedFeb. 04th '21
  • Seeders 23
  • Leechers6

Infohash : 5C2DA0557EBB065F95201AD7DEECEEA404FB9241


Description

Learn how to build a custom Shopify Storefront with React (Hooks and functional components) using the Shopify Buy SDK.

The long awaited Custom Shopify Storefront course is finally ready!

I am so happy to be releasing it after getting tons of requests from everyone for this course!

Start creating some beautiful, blazing fast, custom storefronts using the Shopify Headless CMS! Headless ecommerce is definitely the way of future development and allows for both flexibility and security.

We will be starting off with all of the basic setup so that if you are in rush, you can learn everything to get you started in the first hour. After that, we will continue to build out the website using Chakra UI and easily make it responsive and beautiful.

Topics covered:

– Shopify Partners Account and Dashboard

– Connecting to Shopify Buy SDK

– Creating a React Application

– Using Chakra UI to quickly build custom storefronts

– How to build dynamic components

– Styling a full e-commerce store

– Creating a slide out Cart and Menu components

– Creating a Shopify Checkout URL

– Using local Storage to persist the cart data

– Discussing Next.js, Gatsby, Contentful, SEO, Webhooks, and deployment

– React Context

– Section Structure

– Visual Portfolio Piece

– CSS Animations

– Managing State

– Persistent Cart

– localStorage

– E-Commerce Security
Who this course is for:

React Developers wanting to learn the Shopify API and Buy SDK
Web Developers wanting to learn to make custom Storefronts using Shopify and React
Store owners who want to improve their store

Requirements

Some knowledge of Shopify, React
I will be using a Mac, however, the tutorial will work for Windows/Linux also.

Last Updated 1/2021

Files:

Build a Custom Shopify Storefront using React (Headless CMS) [TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS) 3. Advanced Functionality
  • 3. Cart Functionality.mp4 (201.5 MB)
  • 3. Cart Functionality.srt (19.4 KB)
  • 2. Building out NavBar and Cart.srt (14.9 KB)
  • 1. Intro to Chakra UI.srt (9.5 KB)
  • 2. Building out NavBar and Cart.mp4 (141.0 MB)
  • 1. Intro to Chakra UI.mp4 (61.8 MB)
2. Basic Setup
  • 5. Using the Product Data.srt (23.5 KB)
  • 4. Context Functions.srt (17.1 KB)
  • 3. Shopify Partners Account + Basic Context.srt (11.8 KB)
  • 2. Setting up React.srt (7.3 KB)
  • 1. Installing dependencies.srt (6.2 KB)
  • 3.1 products_bathbombs - products_export.csv (3.3 KB)
  • 5. Using the Product Data.mp4 (159.6 MB)
  • 4. Context Functions.mp4 (115.8 MB)
  • 3. Shopify Partners Account + Basic Context.mp4 (78.1 MB)
  • 1. Installing dependencies.mp4 (43.4 MB)
  • 2. Setting up React.mp4 (39.1 MB)
4. Advanced Styling
  • 1. Finishing Cart and Navigation.srt (13.4 KB)
  • 5. Image With Text.srt (9.9 KB)
  • 4. Hero (Banner).srt (8.1 KB)
  • 2. Product Page.srt (8.0 KB)
  • 6. RichText.srt (7.8 KB)
  • 3. Footer.srt (6.8 KB)
  • 7. Bonus SEO and Animations.srt (3.8 KB)
  • 7.2 React Helmet article.html (0.1 KB)
  • 7.1 Animation Website - Animasta.html (0.1 KB)
  • 1. Finishing Cart and Navigation.mp4 (132.8 MB)
  • 5. Image With Text.mp4 (89.0 MB)
  • 6. RichText.mp4 (78.8 MB)
  • 2. Product Page.mp4 (71.2 MB)
  • 4. Hero (Banner).mp4 (64.1 MB)
  • 3. Footer.mp4 (61.7 MB)
  • 7. Bonus SEO and Animations.mp4 (32.1 MB)
1. Introduction
  • 1. Introduction.srt (9.4 KB)
  • 1. Introduction.mp4 (53.8 MB)
5. Next Steps
  • 1. Next.js, Gatsby, Contentful, deploying and webhooks.srt (7.1 KB)
  • 1. Next.js, Gatsby, Contentful, deploying and webhooks.mp4 (38.2 MB)
  • TutsNode.com.txt (0.1 KB)
  • [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)
  • .pad
    • 0 (313.5 KB)
    • 1 (418.9 KB)
    • 2 (468.7 KB)
    • 3 (206.4 KB)
    • 4 (183.9 KB)
    • 5 (507.1 KB)
    • 6 (195.3 KB)
    • 7 (419.2 KB)
    • 8 (350.7 KB)
    • 9 (360.3 KB)
    • 10 (217.8 KB)
    • 11 (289.7 KB)
    • 12 (192.5 KB)
    • 13 (94.4 KB)
    • 14 (386.2 KB)
    • 15 (346.3 KB)

Code:

  • udp://inferno.demonoid.pw:3391/announce
  • udp://tracker.openbittorrent.com:80/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://torrent.gresille.org:80/announce
  • udp://glotorrents.pw:6969/announce
  • udp://tracker.leechers-paradise.org:6969/announce
  • udp://tracker.pirateparty.gr:6969/announce
  • udp://tracker.coppersurfer.tk:6969/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://9.rarbg.to:2710/announce
  • udp://shadowshq.yi.org:6969/announce
  • udp://tracker.zer0day.to:1337/announce