از صفر ساختمش

یه پلتفرم آموزشی فارسی که خودم ساختمش

دوره، پادکست، تور ۳۶۰°، تالار گفتمان، آزمون و رسانهٔ امن — همهٔ اینا رو از صفر برنامه‌نویسی کردم. نه با قالب آماده، نه با افزونه.

۱۴ ماژول بک‌اند
۹+ پلیر رسانه
۳۶۰° تور پانوراما
فارسی RTL از صفر
محصول

جان راه چیه؟

یه پلتفرم آموزشی که همه چیزش رو خودم نوشتم. از دوره و پادکست تا تور مجازی و تالار گفتمان.

۲ مسیر

مسیر یادگیری

هر کسی یه مسیر داره — «آرامش» برای دوره‌ها، «آداب اتصال» برای کشتی نور. صفحهٔ اصلی درخت مسیرت رو نشون میده.

دوره‌ها

جلسه‌ها صوتی، ویدیویی یا متنی‌ان. هر جلسه پیشرفت جداگانه داره — و وقتی ۸۰٪ رو رد کنی، مدال می‌گیری.

۸۰٪حد تکمیل
۴سطح مدال

آزمون

چندگزینه‌ای، ۶۰ ثانیه‌ای، ۳ تلاش. ولی فقط وقتی باز میشه که واقعاً درس‌ها رو دیده باشی.

کشتی نور — تور ۳۶۰°

پانورامای تمام‌صفحه. مسیر مارپیچ طلایی. مارکر گام‌ها روی تصویر. هر گام محتوای خودش رو داره — متن، پادکست، PDF.

۳۶۰°پانوراما
۸۰٪تکمیل گام
VRتمام‌صفحه

چک‌لیست روزانه

هر روز کارات رو با تاریخ شمسی وارد کن. از هدر دسترسی داری، توی پنل هم آرشیو میشه.

پادکست

پلیر اختصاصی با کاور. استریم امن. ضمیمه PDF. و درگاه زرین‌پال برای پرداخت.

وبلاگ و محتوا

ویرایشگر TipTap. پیشنهاد کتاب و فیلم. بخش اساتید دیگر. و دست‌او برای خیریه.

رسانه

پلیرهایی که از صفر ساختم

هر بخش سایت پلیر مخصوص خودش رو داره — ولی همه از یه زیرساخت مشترک استفاده می‌کنن.

زیرساخت مشترک

همهٔ پلیرهای امن از proxyMediaStream در Next.js رد می‌شن — پشتیبانی از Range Request، ETag، کش ۷ روزه، و Service Worker برای offline.

Range Request Seek سرعت پخش تکمیل ۸۰٪ تمام‌صفحه
۹+

پلیر اختصاصی

هر بخش سایت پلیر خودش رو داره — ولی همه از یه زیرساخت مشترک رد میشن.

CourseSecureVideoPlayer

ویدیوی امن دوره

استریم با توکن license. اسکراب، سرعت، تمام‌صفحه. و ردیابی زمان تماشا — ۸۰٪ یعنی تکمیل.

CoursePlayView

صوت جلسه

دیسک کاور چرخان. اسکراب خطی. ثبت پیشرفت در سرور.

PodcastHeroPlayer

پادکست

هیرو با پس‌زمینهٔ کاور، نسخهٔ inline برای جزئیات، و قفل پخش برای ثبت‌نام‌نشده‌ها.

QuickAccessAudioPlayer

صوت اشتراکی

کامپوننت پایه‌ای که توی پادکست، کشتی نور، و تالار استفاده میشه. با انیمیشن دیسک.

KeshtiNoorPanorama

پانورامای ۳۶۰°

تور تمام‌صفحه. مارکر گام‌ها روی تصویر. فوکوس خودکار و مسیر مارپیچ طلایی.

امنیت

رسانه‌ای که کپی نمیشه

فایل‌های صوتی و ویدیویی دوره‌ها رمزگذاری شده ذخیره میشن. مستقیم از بک‌اند پخش نمیشن — از پروکسی Next.js رد میشن، با توکن license، و URL مستقیم هیچوقت دیده نمیشه.

رمزگذاری فایل BFF Proxy ETag Service Worker پاک‌سازی در Logout

ببین چطور کار می‌کنه

جریان پخش امن

فایل رمزگذاری‌شده. پروکسی Next.js. توکن license. ETag. Service Worker. کش پاک میشه موقع logout. و Bleach محتوا رو sanitize می‌کنه.

تالار گفتمان

اتاق‌های گفتگو با قوانین مستقل. ایجاد موضوع، پاسخ تو در تو، لایک، پیوست رسانه. ورود اجباریه — از منوی سایت و پنل.

جامعه

تالار گفتمان

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

بریم تالار
بیشتر

بقیهٔ چیزایی که ساختم

پنل کاربری

ثبت‌نام، ورود، پروفایل. دوره‌های من، پادکست‌های من، علاقه‌مندی‌ها. پیشرفت، آزمون‌ها، نظرات، و چک‌لیست — همه یه جا.

پرداخت

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

CMS مدیریت

دوره، آزمون، پادکست، وبلاگ، اساتید، تالار، کشتی نور، چک‌لیست، چیدمان خانه، کاربران — همه از یه پنل.

زیرساخت

  • ISR ۱۲۰ ثانیه + Next Image
  • ایندکس DB + رفع N+1
  • Health check + بکاپ + تست بار
  • Security headers + CSRF
تکنولوژی

با چی ساختمش؟

Next.js 16 برای فرانت، Django 5.1 برای بک‌اند، PostgreSQL برای دیتابیس.

Next.js Next.js 16
Python Django Django 5.1
PostgreSQL PostgreSQL
بریم سایت