وبسایت شرکتی و سامانهٔ مدیریت محتوا برای یک شرکت صنعتی
وبسایت شرکتی فارسی و راستبهچپ برای یک شرکت صنعتی، بههمراه یک سامانهٔ مدیریت محتوای اختصاصی که تیم کارفرما بدون نیاز به برنامهنویس محصولات، وبلاگ و صفحهٔ اصلی را مدیریت میکند.
- نوع پروژه: وبسایت شرکتی بههمراه سامانهٔ مدیریت محتوا (CMS)
- کارفرما: یک شرکت صنعتی (نام کارفرما بنا بر توافق محرمانه منتشر نمیشود)
- نقش سپرو وب: طراحی و پیادهسازی کامل؛ از مدل داده و سایت عمومی تا پنل مدیریت و احراز هویت
- وضعیت: تکمیلشده و تحویلشده
مسئلهای که حل کردیم
کارفرما به یک حضور آنلاین امروزی نیاز داشت که جای محتوای قدیمی را بگیرد و — مهمتر از آن — قابل مدیریت باشد. در سایتهای شرکتی معمول، هر تغییر کوچک در متن یا افزودن یک محصول به یک درخواست فنی و انتشار مجدد کد تبدیل میشود. هدف این بود که کارکنانِ غیرفنی بتوانند مستقیم و بدون واسطه، کاتالوگ محصولات، وبلاگ و حتی چیدمان صفحهٔ اصلی را بهروز کنند.
آنچه طراحی و پیادهسازی کردیم
بخش عمومی سایت، محصولات و دستهبندیها، خدمات، راهکارهای صنعتی و وبلاگ را بهصورت سمت سرور رندر میکند تا هم سریع باز شود و هم برای موتورهای جستوجو خوانا باشد. برای هر محصول، مشخصات فنی، مزایا و اسناد قابل تعریف است و فرم تماس، درخواستها را بهصورت ساختیافته دریافت میکند.
پشت سایت، یک پنل مدیریت محافظتشده قرار دارد که تمام انواع محتوا را پوشش میدهد: ویرایشگر متن غنی برای مقالات با چرخهٔ پیشنویس، منتشرشده و بایگانی؛ مدیریت دستهها، برچسبها، پرسشهای متداول و تأیید نظرات؛ چیدمان بخشهای صفحهٔ اصلی؛ و در نهایت منوساز، تنظیمات ظاهری و پیکربندی سایت. برای رسانهها یک لایهٔ ذخیرهسازی قابلتعویض طراحی شده تا کارفرما به یک سرویس خاص گره نخورد.
مقیاس پروژه
- مدل دادهٔ ۳۴ جدولی در حدود ۱۵ نوع محتوای قابل مدیریت
- ۵۶ مسیر صفحهٔ رندرشده
- ۱۱ مهاجرت نسخهبندیشدهٔ پایگاه داده
- ذخیرهسازی رسانه با سه گزینهٔ قابلتعویض
معماری فنی
سایت روی Next.js 16 با App Router ساخته شده است. دسترسی به پنل مدیریت با NextAuth 5 و یک لایهٔ محافظ در لبهٔ شبکه کنترل میشود؛ گذرواژهها با bcrypt نگهداری میشوند. لایهٔ داده Prisma 7 روی PostgreSQL است و برای مهاجرتها یک اتصال مستقیم و برای زمان اجرا یک اتصال Pool شده در نظر گرفته شده است. ویرایش متن غنی با Tiptap انجام میشود و رسانهها پشت یک واسط انتزاعی ذخیرهسازی قرار دارند.
آنچه این پروژه دارد.
- کاتالوگ محصولات با ۵ خانوادهٔ محصول، دستهبندی، مشخصات فنی و اسناد
- موتور وبلاگ با دسته، برچسب، پرسشهای متداول و نظراتِ نیازمند تأیید
- ویرایشگر متن غنی با چرخهٔ پیشنویس، انتشار و بایگانی
- چیدمان بخشهای صفحهٔ اصلی بدون نیاز به انتشار مجدد کد
- منوساز، تنظیمات ظاهری و پیکربندی سایت
- سئوی اختصاصی هر صفحه بههمراه دادهٔ ساختیافتهٔ JSON-LD
- لایهٔ ذخیرهسازی رسانه با امکان تعویض سرویس
- پنل مدیریت محافظتشده با احراز هویت اختصاصی