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 开发人员
- 想要改善商店的店主
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)