Jan

27

2021

Build a Custom Shopify Storefront using React (Headless CMS)

Laser 27 Jan 2021 12:32 LEARNING » e-learning - Tutorial

Build a Custom Shopify Storefront using React (Headless CMS)
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 17 lectures (3h) | Size: 1.29 GB

I will be using a Mac, however, the tutorial will work for Windows/Linux also.

Headless Shopify Storefront using the Shopify API, React Hooks, Context, and Chakra UI (Faster than Shopify Themes)

How to Create a Shopify Storefront (Theme) using React and Chakra-UI

How to Create a Headless Shopify Storefront

Connecting to Shopify Buy SDK

Using Chakra UI to quickly build custom storefronts

Shopify Partners Account and Dashboard

React Context

How to build dynamic components

Managing State

Some knowledge of Shopify, React

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

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



DOWNLOAD
uploadgig



rapidgator


nitroflare

High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis