استارتر کیت Astro برای فروشگاه هدلس Shopify
فرانتاند
جاوااسکریپتخلاصهٔ کاملتر
این استارتر کیت که Masoud-M منتشرش کرده، یه پروژهٔ از پیش پیکربندیشدهٔ Astro ـه که فروشگاه رو به شکل هدلس به شاپیفای وصل میکنه. تو توضیحات پروژه اومده که ایدهش سادهست: مدیریت محصول، موجودی، پرداخت و فرآیند checkout بمونه سمت شاپیفای، ولی کنترل کامل ظاهر و تجربهٔ کاربر بیفته دست توسعهدهنده.
هستهٔ فنی کار Storefront Web Components ـه؛ المنتهای HTML سفارشی که خودشون داده رو از شاپیفای میگیرن، پس نه کوئری GraphQL لازمه نه بیلد دوباره برای بهروز شدن محصولات. کل اپ داخل یه المنت پیچیده میشه که دامنه، توکن دسترسی عمومی، کشور و زبان فروشگاه رو به بقیهٔ کامپوننتها میده:
<shopify-store
store-domain="https://your-store.myshopify.com/"
public-access-token="your-token"
country="US"
language="en">
<!-- Your app content -->
</shopify-store>بعد از اون، صفحهٔ فروشگاه با چند محصول رو میآره و رندرشون رو به یه میسپاره، صفحهٔ جزئیات محصول با و هندل محصول کار میکنه، و سبد خرید هم با کامپوننتهای آمادهٔ خود شاپیفای مدیریت میشه. فیلتر، مرتبسازی و صفحهبندی هم کامپوننت اختصاصی خودشون رو دارن؛ فقط فیلترها به اپ رایگان Search & Discovery تو پنل شاپیفای نیاز دارن.
کنار بخش فروشگاه، Decap CMS هم توش هست تا مشتری بتونه بلاگ یا گالری رو خودش مدیریت کنه، و اگه لازم نداشته باشی میتونی حذفش کنی. پنج صفحهٔ آماده با کامپوننتهای وانیلای CodeStitch و استایلدهی با LESS هم اضافه شده تا سریعتر به یه سایت قابل تحویل برسی؛ گزینهٔ پیشنهادی نویسنده برای میزبانی هم Netlify ـه.
نویسنده تأکید میکنه این کیت پیشرفتهست و برای شروع باید HTML، CSS و جاوااسکریپت رو خوب بلد باشی و با Astro آشنایی پایه داشته باشی. پروژه هنوز تو مرحلهٔ بتا و توسعهٔ فعاله، پس انتظار تغییرات مکرر رو باید داشت.
نکات کلیدی:
- فروشگاه هدلس شاپیفای روی Astro، بدون نیاز به کوئری GraphQL
- دادهها زمان اجرا گرفته میشن، پس محصولات بدون بیلد دوباره بهروز میمونن
- سبد خرید و checkout آمادهٔ شاپیفای، بدون بکاند اختصاصی
- بلاگ با Decap CMS، پنج صفحهٔ آماده با CodeStitch و استایل LESS
- در حد کیت پیشرفتهست و فعلاً بتاست؛ آشنایی با Astro لازمه
