|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-a-custom-shopify-storefront-using-react-headless-cms/
课程评论:没有评论
**课程名称:** React + Shopify (Headless CMS): 构建自定义店面 **课程概述:** 本课程是一门关于如何使用 React (Hooks 和函数组件) 结合 Shopify Buy SDK 构建自定义 Shopify 店面的综合性课程。课程内容条理清晰,细节详尽,旨在帮助学员自信地独立完成 headless Shopify 网站的开发。 headless 电子商务因其灵活性和安全性,被认为是未来的发展趋势。 **课程亮点:** * **快速入门:** 课程涵盖了所有基础设置,学员可以在第一小时内掌握核心内容,快速上手。 * **美观响应式设计:** 课程将使用 Chakra UI,帮助学员快速构建美观且响应式的店面。 * **技术栈:** * React (Hooks 和函数组件) * Shopify Buy SDK * Chakra UI * **核心主题:** * Shopify 合作伙伴账户和仪表板 * 连接 Shopify Buy SDK * 创建 React 应用程序 * 使用 Chakra UI 快速构建自定义店面 * 构建动态组件 * 为整个电子商务商店进行样式设计 * 创建侧滑购物车和菜单组件 * 创建 Shopify 结算 URL * 使用 `localStorage` 持久化购物车数据 * 讨论 Next.js, Gatsby, Contentful, SEO, Webhooks 和部署 * React Context * Section Structure * Visual Portfolio Piece * CSS Animations * 状态管理 * 持久化购物车 * `localStorage` * 电子商务安全 **学习目标:** 学完本课程后,学员将能够: * 理解 headless 电子商务的优势。 * 熟练使用 React 和 Shopify Buy SDK 构建自定义 Shopify 店面。 * 利用 Chakra UI 快速创建美观且响应式的用户界面。 * 掌握构建动态组件、管理状态、实现持久化购物车等关键电商功能。 * 对其他相关技术(如 Next.js, Gatsby, SEO 等)有初步了解。
"This course was well thought out. He doesn't skip any details it is put together very well. I feel confident enough to go out and build my headless Shopify sites." Learn how to build a custom Shopify Storefront with React (Hooks and functional components) using the Shopify Buy SDK. Build a Custom Shopify Storefront using React (Headless CMS)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