پروژه SaaS وب‌سایت‌ساز فروشگاهی (React/Next.js)

ما یک پلتفرم SaaS میخوایم که به کاربران اجازه بده با استفاده از یک ادیتور بصری Drag & Drop و کامپوننت‌های آماده، وب‌سایت فروشگاهی خودشان را بسازند و منتشر کنند این سیستم فروشگاه‌ساز کامل نیست. ما سیستم پرداخت، سفارش، حساب کاربری مشتری و ارسال ایمیل خرید نداریم. (در سایت های ساخته شده) وب‌سایت‌هایی که با ادیتور ما ساخته می‌شوند، به یک سیستم فروش و پرداخت خارجی (Third-party) متصل هستند و عملیات پرداخت، لاگین مشتری و مدیریت سفارش‌ها توسط همان سیستم انجام می‌شود. موارد اصلی: یک سیستم SaaS چندکاربره (Multi-Tenant) هر کاربر می‌تواند چند پروژه بسازد هر پروژه یک وب‌سایت فروشگاهی مستقل است هر پروژه ساخته شده هم دارای صفحات جداگانه ،تنظیمات جداگانه،ساب‌دامین اختصاصی و یا دامنه اختصاصی کاربر (تنظیم dns domain) ادیتور و ساخت قالب : هنگام ساخت پروژه، کاربر ابتدا یک Template آماده انتخاب می‌کند پروژه با صفحات و طراحی اولیه ساخته می‌شود Templateها فقط از نظر طراحی و استایل متفاوت هستند ساختار و کامپوننت‌ها در همه Templateها یکی است کاربر می‌تواند Template را بعد از ساخت، ویرایش و شخصی‌سازی کند سیستم ادیتور کاربر: کاربر داخل پروژه به یک ادیتور بصری دسترسی دارد که: از کامپوننت‌های آماده استفاده می‌کند (Hero، Header، Footer، FAQ، Gallery و…) کامپوننت‌ها با Drag & Drop داخل صفحه قرار می‌گیرند هر کامپوننت تنظیمات ساده و محدود دارد (برای جلوگیری از پیچیدگی) ادیتور هم زیادی سخت نباشه و تمرکز باید برای سادگی، سرعت و تجربه کاربری خوب باشه سیستم صفحات (manual pages) : صفحه آزاد (Layout Page) کاربر هر کامپوننتی خواست اضافه می‌کند صفحه محصول (Product Page) کاربر صفحه می‌سازد و slug تعیین می‌کند دکمه Sync دارد با Sync، لیست محصولات از API سیستم فروش خارجی دریافت می‌شود کاربر یک محصول انتخاب می‌کند اطلاعات محصول (عنوان، تصویر، قیمت، توضیحات و…) در صفحه نمایش داده می‌شود صفحه دسته‌بندی (Category Page) مشابه صفحه محصول، ولی برای دسته‌بندی‌ها مواردی که باید دقت کنید اینه که داده‌ها فقط زمانی به‌روزرسانی می‌شوند که کاربر Sync را بزند و سایت دائماً به API خارجی متصل نیست سیستم انتشار بعد از تغییرات کاربر در ادیتور : ما export نداریم و فقط فقط Publish داریم بعد از پابلیش سایت روی ساب‌دامین پروژه پابلیک میشه سیستم لاگین و پرداخت سایت‌ های ساخته‌ شده توسط کاربر های ما: ما سیستم لاگین مشتری یا پرداخت نمیدیم به سایت ها وب‌سایت‌های ساخته‌شده از OAuth و Checkout سیستم فروش خارجی استفاده می‌کنند مشتری از سایت منتشرشده به مسیر لاگین یا پرداخت سیستم خارجی هدایت می‌شود بعد از خرید هم ایمیل و مدیریت سفارش توسط همان سیستم خارجی انجام می‌شود یعنی ما سیستمی برای این موضوع هم نمیخوایم ما فقط از API برای دریافت محصولات دریافت لینک لاگین/Authorize دریافت لینک Checkout استفاده می‌کنیم (( این موضوع را با سیستم لاگین سایت خودمون اشتباه نگیرید این سیستم فقط برای سایت های ساخته شده توسط ادیتور ما برای یوزر ما هستش)) سیستم سئو و سایت مپ : هر وب‌سایت ساخته‌شده sitemap.xml و robots.txt جدا داره همچنین ما به سئو سایت های ساخته شده خیلی اهمیت میدیم داشبورد کاربر: پروژه‌ها ، تنظیمات پروژه ، ادیت پروژه ، همچنین مدیریت token api پروژه هاش درواقع ما انتظار داریم از دولوپر: یک سیستم SaaS چندکاربره پیاده‌سازی کند ادیتور Drag & Drop با کامپوننت های آماده بسازد مدیریت پروژه‌ها و صفحات را انجام دهد سیستم Publish و دامنه‌ها را پیاده‌سازی کند اتصال به API سیستم فروش خارجی را انجام دهد یک پنل Admin ساده بسازد مهارت‌های مورد نیاز : تسلط به React تجربه کار با Next.js تجربه Full Stack تجربه کار با Headless API تجربه کار با multi tenant saas مواردی که درباره پروژه باید بگم اینه که : CMS نیست فروشگاه کامل نیست سیستم پرداخت داخلی نیست marketplace نیست توضیحات درمورد پروژه : ایده پروژه این است که کاربران بتوانند بدون نیاز به کدنویسی، ظاهر فروشگاه اینترنتی خود را بسازند و شخصی‌سازی کنند. بسیاری از فروشگاه‌ها روی پلتفرم‌هایی مثل Shopify ساخته می‌شوند، اما امکان طراحی قالب و صفحات در آن‌ها محدود است. سایت ما این مشکل را حل می‌کند. کاربر فروشگاه خود را در سیستم فروش خارجی مدیریت می‌کند و سپس از طریق API، محصولات فروشگاهش را داخل سایت ما می‌بیند و برای هر محصول یا دسته‌بندی صفحه اختصاصی طراحی می‌کند. پرداخت، لاگین مشتری، ثبت سفارش و ارسال ایمیل‌ها همچنان توسط همان سیستم فروش خارجی انجام می‌شود و ما در این فرآیند دخالتی نداریم. وظیفه ما فقط ساخت، مدیریت و انتشار وب‌سایت فروشگاهی (storefront) با یک ادیتور drag & drop و کامپوننت‌های آماده است که در نهایت روی ساب‌دامین ما یا دامنه اختصاصی کاربر منتشر می‌شود نمونه سایت و پروژه ها : fragmentor.io github.com/belastrittmatter/Framely