آموزش React + Shopify (CMS بدون سر): یک فروشگاه سفارشی بسازید
React + Shopify (Headless CMS): Build a Custom Storefront
"این دوره به خوبی اندیشیده شده بود. او از هیچ جزئیاتی که به خوبی در کنار هم قرار گرفته است صرف نظر نمی کند. من به اندازه کافی اعتماد به نفس دارم که می توانم بیرون بروم و سایت های بدون سر Shopify خود را بسازم."
نحوه ساختن یک فروشگاه Shopify سفارشی با React (قلاب‌ها و اجزای کاربردی) با استفاده از Shopify Buy SDK را بیاموزید.
با استفاده از React (CMS بدون سر) یک فروشگاه Shopify سفارشی بسازید
دوره مورد انتظار فروشگاه سفارشی Shopify بالاخره آماده شد!
من بسیار خوشحالم که پس از دریافت درخواست های فراوان از همه برای این دوره، آن را منتشر می کنم!
با استفاده از Shopify Headless CMS، چند ویترین زیبا، سریع و سفارشی ایجاد کنید! تجارت الکترونیک بدون سر قطعا راه توسعه آینده است و امکان انعطاف پذیری و امنیت را فراهم می کند.
ما با تمام تنظیمات اولیه شروع می کنیم تا اگر عجله دارید، بتوانید همه چیز را برای شروع در همان ساعت اول یاد بگیرید. پس از آن، ما به ساخت وب سایت با استفاده از Chakra UI ادامه می دهیم و به راحتی آن را واکنش گرا و زیبا می کنیم.
موضوعات تحت پوشش:
- حساب و داشبورد Shopify Partners
- اتصال به Shopify Buy SDK
- ایجاد یک React Application
- استفاده از Chakra UI برای ساخت سریع ویترین های سفارشی
- نحوه ساخت اجزای پویا
- طراحی یک فروشگاه کامل تجارت الکترونیک
- ایجاد یک اسلاید از اجزای سبد خرید و منو
- ایجاد URL Checkout Shopify
- استفاده از حافظه محلی برای حفظ اطلاعات سبد خرید
- بحث در مورد Next.js، Gatsby، Contentful، SEO، Webhooks و استقرار
- React Context
- ساختار بخش
- قطعه نمونه کار تصویری
- انیمیشن های CSS
- مدیریت ایالت
- سبد خرید دائمی
- localStorage
- امنیت تجارت الکترونیک
معرفی Introduction
-
معرفی Introduction
معرفی Introduction
-
معرفی Introduction
راه اندازی اولیه Basic Setup
-
راه اندازی React Setting up React
-
توابع زمینه Context Functions
راه اندازی اولیه Basic Setup
-
به روز رسانی به react-router-dom Update to react-router-dom
-
به روز رسانی به react-router-dom Update to react-router-dom
-
نصب وابستگی ها Installing dependencies
-
نصب وابستگی ها Installing dependencies
-
راه اندازی React Setting up React
-
مکان برنامه خصوصی Shopify به روز شد Shopify Private App location updated
-
مکان برنامه خصوصی Shopify به روز شد Shopify Private App location updated
-
حساب شرکای Shopify + زمینه اصلی Shopify Partners Account + Basic Context
-
حساب شرکای Shopify + زمینه اصلی Shopify Partners Account + Basic Context
-
توابع زمینه Context Functions
-
با استفاده از داده های محصول Using the Product Data
-
با استفاده از داده های محصول Using the Product Data
عملکرد پیشرفته Advanced Functionality
-
معرفی رابط کاربری چاکرا Intro to Chakra UI
-
ساخت NavBar و Cart Building out NavBar and Cart
-
کارکرد سبد خرید Cart Functionality
عملکرد پیشرفته Advanced Functionality
-
معرفی رابط کاربری چاکرا Intro to Chakra UI
-
ساخت NavBar و Cart Building out NavBar and Cart
-
کارکرد سبد خرید Cart Functionality
یک ظاهر طراحی پیشرفته Advanced Styling
-
پایان سبد خرید و ناوبری Finishing Cart and Navigation
-
صفحه محصول Product Page
-
قهرمان (بنر) Hero (Banner)
-
امتیاز: SEO و انیمیشن Bonus: SEO and Animations
یک ظاهر طراحی پیشرفته Advanced Styling
-
پایان سبد خرید و ناوبری Finishing Cart and Navigation
-
صفحه محصول Product Page
-
پاورقی Footer
-
پاورقی Footer
-
قهرمان (بنر) Hero (Banner)
-
تصویر با متن Image With Text
-
تصویر با متن Image With Text
-
متن غنی RichText
-
متن غنی RichText
-
امتیاز: SEO و انیمیشن Bonus: SEO and Animations
مراحل بعدی Next Steps
-
Next.js، Gatsby، Contentful، Deploying و webhooks Next.js, Gatsby, Contentful, deploying and webhooks
مراحل بعدی Next Steps
-
Next.js، Gatsby، Contentful، Deploying و webhooks Next.js, Gatsby, Contentful, deploying and webhooks
https://donyad.com/d/484802
Working With Shopify
همه چیز در مورد کار با Shopify
نمایش نظرات