طراحی ویترین سایت آموزشی با Next.js (سبک، سئو محور)

توضیحات پروژه: ما یک پلتفرم آموزشی داریم که مدیریت کامل دوره‌ها، کاربران و تراکنش‌ها در آن انجام می‌شود. اکنون هدف ما ساخت یک ویترین سایت سریع، سئو محور و سبک با Next.js است که روی دامنه اصلی (RasaDars.com)قرار بگیرد و کاربران را برای ثبت‌نام و خرید دوره‌ها به سایت عملیاتی ما در SubFolder ما یعنی RasaDars.com/learn هدایت شوند. دیزاین جدید سایت رسادرس مشابه Rocket LMS V2 می باشد که به احتمال زیاد 15 شهریور آماده می شود. شما میتوانید از کیت های استارتر next js استفاده کنید یا یک سایت آماده سرعت لود زیر 1 ثانیه هم در موبایل و هم در دسکتاپ برای مهم است به همراه پرفورمنس بالای 90 درصد از نظر گوگل PageSpeed Insights به آدرس https://pagespeed.web.dev/ در مجموع پروژه بصورت بسیار سبک است و در زیر 12 صفحه نیاز است. صفحاتی که باید برای سئو جدی بهینه بشن: صفحه اصلی (Homepage) کلیدواژه‌های برند + کلمات کلیدی اصلی مثل "آموزش پایتون"، "آموزش برنامه‌نویسی" این صفحه باید قوی‌ترین صفحه باشد چون بیشترین بک‌لینک‌ها به آن اشاره خواهند داشت. صفحه دسته‌بندی دوره‌ها مثلاً: "آموزش پایتون"، "آموزش جاوااسکریپت"، "آموزش لینوکس" اینها در سئو قدرت خیلی زیادی دارند چون کلمات کلیدی پرجستجو هستند. صفحه تکی دوره (Landing Pages for Courses) هر دوره باید صفحه اختصاصی با محتوای غنی داشته باشه. مثلاً: "آموزش جامع پایتون از صفر تا صد" این صفحات می‌تونن بیشترین ترافیک رو بیارن. صفحه وبلاگ (Blog Index) ورودی کلی از سرچ‌هایی مثل "مقاله آموزش پایتون برای مبتدیان" یا "ترفندهای یادگیری برنامه‌نویسی". صفحه تکی مقالات (Single Blog Post) دقیقاً همین‌ها هستند که با long-tail keywords رتبه می‌گیرند. مثال: "10 پروژه برای یادگیری پایتون"، "چگونه در مصاحبه برنامه‌نویسی موفق شویم". صفحه معرفی پکیج‌ها چون کاربر دنبال پکیج یا مجموعه آموزشیه. مثال: "پکیج آموزش برنامه‌نویسی وب". صفحه معرفی اساتید (لیست اساتید) خیلی کم، ولی می‌تونه ترافیک بیاره چون کاربر بعضی وقت‌ها اسم استاد رو سرچ می‌کنه. صفحه تکی استاد اهمیت متوسط، ولی اگر استاد برند شخصی داشته باشه می‌تونه ورودی خوبی بگیره. پس به طور خلاصه: اصلی‌ترین صفحات برای رتبه گرفتن: دسته‌بندی‌ها تک دوره‌ها مقالات پکیج‌ها صفحه اصلی لینک rocket LMS V2 https://lms.rocket-soft.org/ ✅ ویژگی‌های اصلی مورد نیاز: مگا منو حرفه‌ای و قابل سفارشی سازی در داشبورد مدیریت معرفی دوره‌ها بر اساس دسته‌بندی. معرفی مقالات مهم. ریسپانسیو و مشابه ساختار Rocket LMS (با ارتقا به مگامنو). صفحه اصلی (Homepage): بخش دسته‌بندی دوره‌ها (به همراه لینک به صفحه هر دسته). بخش معرفی پکیج‌ها (به همراه صفحه اختصاصی هر پکیج). چندین کاروسل مستقل قابل مدیریت از داشبورد (مثال: دوره‌های رایگان، دوره‌های جامع، نکته و تست‌ها، معرفی اساتید، بنرهای تبلیغاتی). بخش اطلاع‌رسانی بالای هدر (Announcement Bar) با قابلیت کانتر (شمارش معکوس تخفیف یا وبینار). قابلیت لینک دهی به ساب فولدر صفحات محصول/دوره/کتاب: برای هر محصول یا دوره یا کتابی که معرفی می‌کنیم یک صفحه جداگانه ایجاد شود. دکمه ثبت‌نام/خرید به Rocket LMS لینک داده شود. بخش وبلاگ و مقالات: امکان انتشار مقاله + دسته‌بندی مقالات. صفحه تکی مقاله + سئو بهینه. طراحی و دیزاین: طراحی کاملاً مشابه Rocket LMS (اندازه‌ها، آیتم‌ها، رنگ‌ها، تجربه کاربری یکسان). تنها تفاوت: منو به صورت مگامنو طراحی شود. کاملاً ریسپانسیو (Mobile First). ✅ الزامات فنی: توسعه با Next.js (آخرین نسخه). قابلیت Deploy روی Vercel یا هاست معادل. PageSpeed بالای 90% موبایل و دسکتاپ. سرعت لود زیر 1 ثانیه. داشبورد مدیریت ساده برای: افزودن/ویرایش مقاله‌ها. تغییر منوها (مگامنو). مدیریت کاروسل‌ها و تصاویر صفحه اصلی. ❌ مواردی که نیاز نیست: سیستم ثبت‌نام، لاگین یا پرداخت (در Rocket LMS وجود دارد). پیاده‌سازی بک‌اند پیچیده (تنها CMS سبک برای مدیریت ویترین کافی است). صفحاتی که سئو مستقیم ندارند، ولی برای اعتماد ضروری‌اند: لینک داده میشوند به ساب فولدر نیازی به ساختن در nextJS نیست درباره ما تماس با ما قوانین و حریم خصوصی سوالات متداول 404 اینها رتبه نمی‌گیرند 📌 هدف نهایی: Next.js به عنوان ویترین اصلی (دامنه اصلی سایت). Rocket LMS به عنوان ساب‌فولدر برای مدیریت دوره‌ها و خرید. ظاهر و تجربه کاربری یکپارچه بین Next.js و Rocket LMS. 🔎 اگر تجربه طراحی با Next.js در حوزه سایت‌های آموزشی/شرکتی دارید و می‌توانید یک ویترین سریع، زیبا و مدیریت‌پذیر پیاده‌سازی کنید، لطفاً رزومه و نمونه‌کار ارسال کنید.