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