React + Shopify(无头 CMS):构建自定义店面

React + Shopify (Headless CMS): Build a Custom Storefront

无头 Shopify 店面使用 Shopify API、React Hooks、Context 和 Chakra UI(比 Shopify 主题更快)

 学习内容

  • 如何使用 React 和 Chakra-UI 创建 Shopify 店面(主题)
  • 如何创建无头 Shopify 店面
  • 连接到 Shopify 购买 SDK
  • 使用 Chakra UI 快速构建自定义店面
  • Shopify 合作伙伴帐户和仪表板
  • React 上下文
  • 如何构建动态组件
  • 管理状态

 要求

  • 了解HTML和CSS,React也会有所帮助。
  • 我将使用 Mac,但是,本教程也适用于 Windows/Linux。

 描述

“这门课程是经过深思熟虑的。他没有跳过任何细节,它组合得很好。我有足够的信心去建立我的无头 Shopify 网站。

了解如何使用 Shopify Buy SDK 通过 React(钩子和功能组件)构建自定义 Shopify 店面。

使用 React (Headless CMS) 构建自定义 Shopify 店面

期待已久的Custom Shopify店面课程终于准备好了!

在收到大家对这门课程的大量要求后,我很高兴发布它!

开始使用 Shopify Headless CMS 创建一些漂亮、快速的自定义店面!无头电子商务绝对是未来发展的方式,并且具有灵活性和安全性。

我们将从所有基本设置开始,这样如果您赶时间,您可以在第一个小时内学习所有内容以帮助您入门。之后,我们将继续使用 Chakra UI 构建网站,并轻松使其响应迅速且美观。

 主题:

– Shopify 合作伙伴帐户和仪表板

– 连接到 Shopify Buy SDK

– 创建一个 React 应用程序

– 使用 Chakra UI 快速构建自定义店面

– 如何构建动态组件

– 设计一个完整的电子商务商店

– 创建滑出购物车和菜单组件

– 创建 Shopify 结账网址

– 使用本地存储来保存购物车数据

– 讨论 Next.js、Gatsby、Contentful、SEO、Webhooks 和部署

 – React 上下文

 – 截面结构

 – 视觉作品集

 – CSS动画

 – 管理状态

 – 持久购物车

 – 本地存储

 – 电子商务安全

本课程适合谁:

  • 想要学习 Shopify API 和 Buy SDK 的 React 开发人员
  • 想要学习使用 Shopify 和 React 制作自定义店面的 Web 开发人员
  • 想要改善商店的店主
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。