آموزش توسعه API Hydrogen & GraphQL Storefront Shopify

سرفصل ها و درس ها

معرفی Introduction

• خوش آمدی! Welcome!

• آنچه در این دوره خواهید آموخت What You'll Learn In This Course

• چگونه می توانید در مورد دوره کمک بگیرید؟ How Can You Get Help About The Course?

• Shopify هیدروژن؟ Storefront API (GraphQL)؟ پنل مدیریت؟ Shopify Hydrogen? Storefront API (GraphQL)? Admin Panel?

شروع شدن Getting Started

• راه اندازی VSCode شما Setting Up Your VSCode

• رفع خطای cr Fix `cr` Error

• نحوه نصب پستچی How To Install Postman

• ایجاد برنامه Shopify Hydrogen خود Creating Your Shopify Hydrogen App

• ایجاد یک حساب کاربری Shopify Creating A Shopify Account

• [پرش نکنید] ایجاد فروشگاه Shopify و اتصال با برنامه [DO NOT SKIP] Creating Shopify Store And Connecting With App

مراحل اول First Steps

• مسیریابی سمت مشتری در ریمیکس Client Side Routing in Remix

• مسیریابی سمت سرور در ریمیکس Server Side Routing in Remix

• ایجاد مولفه مورد محصول Creating A Product Item Component

پیاده سازی ویژگی BOGO (یکی بخرید یکی را بخرید). Implementing BOGO (Buy One Get One) Feature

• افزودن هدیه به محصول - (پنل مدیریت - Metafields) Adding Gift To The Product - (Admin Panel - Metafields)

• پیاده سازی در پرس و جوهای محصول - (GraphQL - Metafields) Implementing To The Product Queries - (GraphQL - Metafields)

• Form CartForm for Gift Product را درک کنید Understand The CartForm for Gift Product

• افزودن محصول هدیه به صورت خودکار Adding Gift Product Automatically

• به روز رسانی هدیه و محصول اصلی به صورت خودکار Updating The Gift And Original Product Automatically

• حذف هدیه و محصول اصلی به صورت خودکار Deleting The Gift And Original Product Automatically

• رفع: کاهش محصول دو به یک مشکل Fix: Decreasing Product Two To One Problem

• اگر محصول رایگان است، دکمه تنظیم را پنهان کنید Hiding Adjust Button If The Product Is Free

• جایگزینی قیمت صفر با "رایگان!" متن Replacing Zero Price With "Free!" Text

جزئیات استفاده از API Storefront (GraphQL) Storefront API Usage Details (GraphQL)

• GraphQL Storefront API (Headless) چیست؟ What Is GraphQL Storefront API (Headless) ?

• چگونه از API Storefront با برنامه های هیدروژن استفاده کنیم؟ How Do We Use The Storefront API With Hydrogen Apps?

• استفاده از GraphQL Playground Using Of GraphQL Playground

• استفاده از متغیرها در یک کوئری GraphQL Using Of Variables In A GraphQL Query

• استفاده از چندین کوئری در GraphQL Using Multiple Queries In GraphQL

• استفاده از قطعات در پرس و جوی GraphQL Using Of Fragments In A GraphQL Query

• دریافت جزئیات سبد خرید با پرس و جو GraphQL Getting Cart Details With A GraphQL Query

• دریافت نام کمپین محصول رایگان Getting Campaign Name Of Free Product

• نمایش نام کمپین محصول رایگان Showing Campaign Name Of Free Product

• نمایش قیمت ها در نتایج جستجو Showing Prices In The Search Results

• اجرای فیلتر حداقل/حداکثر قیمت برای جستجو Implementing Min/Max Price Filter To Search

• لاگ های کنسول را پاک کنید Clean Up The Console Logs

انتشار اپلیکیشن شما Publishing Your App

• انتشار در Vercel Publishing On Vercel

• انتشار در Shopify Oxygen Publishing On Shopify Oxygen

بعد چه می شود؟ What's Next?

• متشکرم و موفق باشید! Thank You And Good Luck!

• آدرس لینکدین من My Linkedin Address