Next.jsPostgreSQLPrismaReactTypeScriptTailwind CSSNextAuth / Auth.jsTiptap

وب‌سایت شرکتی و سامانهٔ مدیریت محتوا برای یک شرکت صنعتی

وب‌سایت شرکتی فارسی و راست‌به‌چپ برای یک شرکت صنعتی، به‌همراه یک سامانهٔ مدیریت محتوای اختصاصی که تیم کارفرما بدون نیاز به برنامه‌نویس محصولات، وبلاگ و صفحهٔ اصلی را مدیریت می‌کند.

  • نوع پروژه: وب‌سایت شرکتی به‌همراه سامانهٔ مدیریت محتوا (CMS)
  • کارفرما: یک شرکت صنعتی (نام کارفرما بنا بر توافق محرمانه منتشر نمی‌شود)
  • نقش سپرو وب: طراحی و پیاده‌سازی کامل؛ از مدل داده و سایت عمومی تا پنل مدیریت و احراز هویت
  • وضعیت: تکمیل‌شده و تحویل‌شده

مسئله‌ای که حل کردیم

کارفرما به یک حضور آنلاین امروزی نیاز داشت که جای محتوای قدیمی را بگیرد و — مهم‌تر از آن — قابل مدیریت باشد. در سایت‌های شرکتی معمول، هر تغییر کوچک در متن یا افزودن یک محصول به یک درخواست فنی و انتشار مجدد کد تبدیل می‌شود. هدف این بود که کارکنانِ غیرفنی بتوانند مستقیم و بدون واسطه، کاتالوگ محصولات، وبلاگ و حتی چیدمان صفحهٔ اصلی را به‌روز کنند.

آنچه طراحی و پیاده‌سازی کردیم

بخش عمومی سایت، محصولات و دسته‌بندی‌ها، خدمات، راهکارهای صنعتی و وبلاگ را به‌صورت سمت سرور رندر می‌کند تا هم سریع باز شود و هم برای موتورهای جست‌وجو خوانا باشد. برای هر محصول، مشخصات فنی، مزایا و اسناد قابل تعریف است و فرم تماس، درخواست‌ها را به‌صورت ساخت‌یافته دریافت می‌کند.

پشت سایت، یک پنل مدیریت محافظت‌شده قرار دارد که تمام انواع محتوا را پوشش می‌دهد: ویرایشگر متن غنی برای مقالات با چرخهٔ پیش‌نویس، منتشرشده و بایگانی؛ مدیریت دسته‌ها، برچسب‌ها، پرسش‌های متداول و تأیید نظرات؛ چیدمان بخش‌های صفحهٔ اصلی؛ و در نهایت منوساز، تنظیمات ظاهری و پیکربندی سایت. برای رسانه‌ها یک لایهٔ ذخیره‌سازی قابل‌تعویض طراحی شده تا کارفرما به یک سرویس خاص گره نخورد.

مقیاس پروژه

  • مدل دادهٔ ۳۴ جدولی در حدود ۱۵ نوع محتوای قابل مدیریت
  • ۵۶ مسیر صفحهٔ رندرشده
  • ۱۱ مهاجرت نسخه‌بندی‌شدهٔ پایگاه داده
  • ذخیره‌سازی رسانه با سه گزینهٔ قابل‌تعویض

معماری فنی

سایت روی Next.js 16 با App Router ساخته شده است. دسترسی به پنل مدیریت با NextAuth 5 و یک لایهٔ محافظ در لبهٔ شبکه کنترل می‌شود؛ گذرواژه‌ها با bcrypt نگهداری می‌شوند. لایهٔ داده Prisma 7 روی PostgreSQL است و برای مهاجرت‌ها یک اتصال مستقیم و برای زمان اجرا یک اتصال Pool شده در نظر گرفته شده است. ویرایش متن غنی با Tiptap انجام می‌شود و رسانه‌ها پشت یک واسط انتزاعی ذخیره‌سازی قرار دارند.

ویژگی‌ها

آنچه این پروژه دارد.

  • کاتالوگ محصولات با ۵ خانوادهٔ محصول، دسته‌بندی، مشخصات فنی و اسناد
  • موتور وبلاگ با دسته، برچسب، پرسش‌های متداول و نظراتِ نیازمند تأیید
  • ویرایشگر متن غنی با چرخهٔ پیش‌نویس، انتشار و بایگانی
  • چیدمان بخش‌های صفحهٔ اصلی بدون نیاز به انتشار مجدد کد
  • منوساز، تنظیمات ظاهری و پیکربندی سایت
  • سئوی اختصاصی هر صفحه به‌همراه دادهٔ ساخت‌یافتهٔ JSON-LD
  • لایهٔ ذخیره‌سازی رسانه با امکان تعویض سرویس
  • پنل مدیریت محافظت‌شده با احراز هویت اختصاصی
همکاری

پروژه‌ای مشابه دارید؟

شروع پروژهبازگشت به نمونه‌کارها
وب‌سایت شرکتی و CMS برای یک شرکت صنعتی | نمونه‌کار سپرو وب | سپرو وب