سایت استودیو Cybercina و سازنده‌ی پروژه
سایت استودیوی نرم‌افزاری با سازنده پروژه ۱۴ مرحله‌ای، قیمت‌گذاری زنده و پنل مدیریت
- سال
- ۲۰۲۶
- گیت‌هاب
- Abyys001
- نوع
- وب‌سایت · وب‌اپلیکیشن
- فناوری‌ها
- Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uiTanStack QueryNestJSPostgreSQLDrizzle ORMZodPDFKitDocker Compose
بخش آغازین صفحه اصلی
مسئله
یک استودیوی نرم‌افزار درخواست‌های مبهمی مثل «یک اپ می‌خواهم» دریافت می‌کند که نه دامنه دارند نه بودجه، و بعد قیمت‌دهی و پیگیری‌شان دستی در ایمیل انجام می‌شود.
آنچه ساختم
وب‌سایتی در سطح محصول برای یک استودیوی نرم‌افزاری در بریتانیا که با نام کاری Nexora Labs توسعه داده شد و در آخرین کامیت با برند Cybercina منتشر شد. بخش عمومی با Next.js 16 و App Router به‌صورت استاتیک ساخته می‌شود و محتوای خدمات، صنایع، راهکارها، نمونه‌کارها، بلاگ و پرسش‌های متداول از ماژول‌های تایپ‌شده می‌آید؛ متادیتای سئو، JSON-LD و تصویر OG هم خودکار تولید می‌شوند.
قلب پروژه یک سازنده پروژه چندمرحله‌ای است: بازدیدکننده نوع راهکار، صنعت، اهداف، قابلیت‌ها، پلتفرم‌ها، یکپارچه‌سازی‌ها، قابلیت‌های هوش مصنوعی، مقیاس، طراحی و زمان‌بندی را انتخاب می‌کند و پنل خلاصه، بازه قیمت تقریبی را همان لحظه از یک پکیج قیمت‌گذاری مشترک محاسبه می‌کند. درخواست‌ها از طریق Server Action به یک API در NestJS می‌رسند که دوباره با Zod اعتبارسنجی می‌کند، برای هر IP محدودیت نرخ می‌گذارد و فقط هش نمک‌خورده IP را ذخیره می‌کند.
پنل مدیریت جداگانه شامل داشبورد، صندوق درخواست‌ها، برد کانبان، پیشنهاد قیمت با خروجی PDF، برنامه پرداخت، کاتالوگ قیمت قابل ویرایش، نرخ ارزها، مدیریت نمونه‌کارها، نقش‌های ادمین (owner/manager/viewer) و لاگ ممیزی برای همه تغییرات است.
نقش من
طراحی و پیاده‌سازی کل سیستم: فرانت‌اند Next.js، API با NestJS و Drizzle، پکیج مشترک قیمت‌گذاری، پنل مدیریت و استقرار با Docker.
یکپارچه‌سازی‌ها
- Shared pricing package@cybercina/pricing: سرور هر برآورد را دوباره محاسبه می‌کند
- PDFKitPDF پیشنهاد قیمت از پنل مدیریت
- Server Actionsارسال سازنده که در NestJS دوباره با Zod سنجیده می‌شود
قابلیت‌ها
- ۰۱سازنده پروژه ۱۴ مرحله‌ای با قیمت‌گذاری تقریبی زنده و پیشنهاد هوشمند قابلیت‌ها
- ۰۲پکیج مشترک @cybercina/pricing بین فرانت و API تا برآورد همیشه در سرور دوباره محاسبه شود
- ۰۳داشبورد مدیریت، صندوق درخواست‌ها با فیلتر وضعیت و برد کانبان
- ۰۴پیشنهاد قیمت با خروجی PDF و صفحه اختصاصی مشتری با برنامه پرداخت
- ۰۵ویرایش کاتالوگ قیمت، ضرایب و نرخ ارز از داخل پنل
- ۰۶دسترسی مبتنی بر نقش (owner، manager، viewer) همراه با لاگ ممیزی کامل
- ۰۷JWT در کوکی httpOnly و SameSite=strict، محدودیت نرخ برای هر IP، هانی‌پات و هش نمک‌خورده IP
- ۰۸سئو کامل: متادیتای هر صفحه، JSON-LD، نقشه سایت، robots و تصویر OG خودکار
معماری
برگرفته از فایل‌های compose، مانیفست‌ها و مستندات مخزن.
- ۰۱کاربران
- Public siteNext.js 16، ایستا، JSON-LD و تصویر OG
- Project Builder۱۴ مرحله با بازه‌ی قیمت زنده
- Admin back officeمالک، مدیر، بیننده
- ۰۲API
- NestJS + Zodاعتبارسنجی مجدد، محدودیت هر IP، هش نمک‌دار IP
- @cybercina/pricingمشترک بین وب و API
- ۰۳داده
- PostgreSQL 17 + Drizzleدرخواست‌ها، پیشنهادها، کاتالوگ قیمت، لاگ ممیزی
تصاویر
همه‌ی داده‌های این تصاویر ساختگی‌اند و فقط برای ضبط ساخته شده‌اند.
نمای کلی خدمات
سازنده پروژه: مرحله انتخاب قابلیت‌ها با پیشنهاد هوشمند و برآورد زنده
داشبورد مدیریت
صندوق درخواست‌ها در پنل مدیریت
صفحه اصلی در موبایل
پیمودن مراحل سازنده پروژه و به‌روزرسانی هم‌زمان برآورد
پروژه‌ای شبیه این لازم دارید؟
سفارش بدهید؛ قیمت را شخصاً اعلام می‌کنم.
پروژه‌های مرتبط
ویدیوShirazTyres — امداد لاستیک
اعزام اضطراری تعمیرکار لاستیک در لندن: یک API، پنل مدیریت، سایت مشتری و دو اپ Flutter
ویدیولومیا بیوتی
فروشگاه آنلاین عطر و آرایشی راست‌چین با پنل مدیریت کامل و پرداخت کارت‌به‌کارت
ویدیوپلتفرم صرافی XFAM
بازسازی کامل پلتفرم صرافی: قیمت‌گذاری قابل ممیزی، انتشار تراکنشی، وب و اپ‌های Flutter