Bagisto Next.js Commerce: فروشگاه هدلس با امتیاز ۱۰۰
فرانتاند
جاوااسکریپت
سئوخلاصهٔ کاملتر
Bagisto Next.js Commerce یه فریمورک هدلس اپنسورس برای ساخت فروشگاههای اینترنتیه که ترکیب Next.js در فرانتاند و Bagisto در بکاند رو به کار میبره. هدفش اینه که یه تجربه خرید سریع، مقیاسپذیر و انعطافپذیر بسازه که نیاز هر نوع کسبوکاری رو جواب بده.
مهمترین ادعای این پروژه اینه که به طور مداوم امتیاز ۱۰۰ از ۱۰۰ در Core Web Vitals گوگل رو داره. این به لطف لایهبندی کشینگ (Layered Caching) روی پاسخهای API و Incremental Static Regeneration (ISR) ممکن شده که صفحات رو به صورت هوشمند rebuild میکنه بدون اینکه کاربر معطل بشه.
برای راهاندازی فروشگاه، اول باید Bagisto رو روی سرور نصب کنی، بعد افزونهی Headless بگیستو رو اضافه کنی تا APIها در دسترس قرار بگیرن. بعد از اون، ساخت پروژه فرانتاند با یه دستور انجام میشه:
npx -y @bagisto-headless/create your-storefrontبعد از ایجاد پروژه، باید متغیرهای محیطی رو در فایل .env.local تنظیم کنی. مهمترینهاشون آدرس بکاند بگیستو و کلید استورفرانته:
NEXT_PUBLIC_BAGISTO_ENDPOINT=https://your-store.bagisto.com/
NEXT_PUBLIC_BAGISTO_STOREFRONT_KEY=pk_storefront_*****
NEXT_PUBLIC_NEXT_AUTH_SECRET=<generated-secret>
توجه کن که هیچوقت فایل .env رو commit نکنی چون شامل اطلاعات حساسه.
از نظر قابلیتهای تجاری، این پلتفرم پشتیبانی کاملی از انواع محصول داره: ساده، قابل تنظیم (configurable)، بستهای (bundled) و دانلودی. محصولات داخل دستهبندیهای سلسلهمراتبی قرار میگیرن و هر صفحه دستهبندی با فیلتر، مرتبسازی و URL بهینهشده برای سئو همراهه.
فرآیند چکاوت هم کامله: مدیریت سبد خرید، انتخاب آدرس، انتخاب روش پرداخت و ثبت سفارش که بلافاصله با بکاند بگیستو sync میشه. هم کاربران مهمان و هم کاربران لاگینکرده میتونن خرید کنن. احراز هویت هم از طریق NextAuth.js مدیریت میشه.
برای دپلوی، دو گزینه آسان وجود داره: استقرار یککلیکی روی Netlify یا استفاده از Vercel CLI که با سه دستور vercel link، vercel env pull و pnpm build کار رو تموم میکنه. پروژه تحت لایسنس MIT کاملاً رایگانه.
نکات کلیدی:
- فریمورک هدلس مبتنی بر Next.js و GraphQL API بگیستو
- امتیاز ۱۰۰/۱۰۰ در Core Web Vitals با کمک ISR و لایهبندی کشینگ
- پشتیبانی از انواع محصول: ساده، قابل تنظیم، بستهای و دانلودی
- احراز هویت امن با NextAuth.js
- چکاوت کامل برای هم کاربر مهمان و هم کاربر ثبتنامی
- SEO بهینه با متا تگ، OpenGraph و breadcrumb
- دپلوی آسان روی Vercel و Netlify
- اپنسورس و رایگان با لایسنس MIT
