Loading Sidebar...
Different Competitions
Rang Metaverse is a three-dimensional world for entertainment and competition, accessible via mobile devices or virtual reality headsets. You can participate in challenges and earn rewards such as virtual land a place where imagination goes beyond the boundaries of reality.
Real Interactions
Rang Metaverse invites you into a parallel world where you experience lifelike interactions and limitless creativity from collaboration to creating experiences that are impossible in the physical world and go beyond the boundaries of reality.
Different Competitions
Rang Metaverse is a three-dimensional world for entertainment and competition, accessible via mobile devices or virtual reality headsets. You can participate in challenges and earn rewards such as virtual land a place where imagination goes beyond the boundaries of reality.
Real Interactions
Rang Metaverse invites you into a parallel world where you experience lifelike interactions and limitless creativity from collaboration to creating experiences that are impossible in the physical world and go beyond the boundaries of reality.
Loading Header...
Loading Header...
The Latest Versions
V1.1.34
V1.1.33
V1.1.32
V1.1.31
جهش زیرساختی Next.js؛ بازطراحی سیستم دیزاین، بهینه‌سازی عملکرد و توسعه تجربه کاربری متاورس رنگ
1405/07/13
در این نسخه از پروژه متاورس رنگ، مجموعه‌ای گسترده از توسعه‌های فنی، اصلاحات زیرساختی و بهبودهای رابط کاربری در بخش Next.js انجام شده است. تمرکز اصلی این ورژن بر یکپارچه‌سازی سیستم دیزاین، بازآرایی معماری صفحات، بهینه‌سازی سرعت و بارگذاری محتوا، توسعه کامپوننت‌های پویا، بهبود تعاملات شهروندی و ارتقای سئوی فنی سامانه بوده است.
همچنین زیرساخت صفحات دارایی‌ها و املاک توسعه یافته، سیستم Skeleton در صفحات مختلف گسترش پیدا کرده و تغییرات معماری مهمی با هدف افزایش پایداری، نگهداری‌پذیری و آمادگی پروژه برای توسعه‌های آینده انجام شده است.
۱. توسعه و بازآرایی ساختار صفحات
- ایجاد صفحات مستقل دارایی‌های شهروند، املاک و مستغلات و املاک دارای بنا.
- بازآرایی ساختار صفحات ورژن و ورژن تکی با استفاده از Layout و مسیرهای پویا.
- توسعه و یکپارچه‌سازی ساختار صفحات اصلی، شهروندان، سطوح، آموزش‌ها، مقالات، اخبار، رویدادها و تقویم وقایع.
- بهبود ساختار مسیریابی و اصلاح مشکلات مرتبط با زبان و Locale در Next.js.
- توسعه قابلیت نمایش و دریافت مدل‌های سه‌بعدی با فرمت GLTF.
۲. ارتقای سیستم دیزاین متاورس رنگ
- بازطراحی و به‌روزرسانی سیستم دیزاین سامانه.
- توسعه پشتیبانی از تم‌های روشن و تاریک.
- اتصال سیستم دیزاین به صفحات، کامپوننت‌های عمومی، مودال‌ها، منوها و بخش‌های مختلف سامانه.
- یکپارچه‌سازی ظاهر صفحات ۴۰۴ و خطا با ساختار جدید رابط کاربری.
- بهبود هماهنگی بصری و افزایش قابلیت استفاده مجدد از کامپوننت‌ها.
۳. توسعه زیرساخت Skeleton و مدیریت بارگذاری
- ایجاد کامپوننت Skeleton سراسری.
- طراحی اسکلت اختصاصی برای صفحات اصلی، منوها، آموزش‌ها، ویدئوها، مقالات، اخبار، شهروندان، سطوح، ورژن‌ها و رویدادها.
- توسعه اسکلت صفحات جزئیات محتوا، از جمله صفحه تکی ویدئو، ورژن و رویداد.
- استانداردسازی نمایش وضعیت بارگذاری در بخش‌های مختلف سامانه با هدف ایجاد تجربه کاربری منسجم‌تر.
۴. مهاجرت فنی و بهینه‌سازی معماری کد
- مهاجرت ساختار کد پروژه به TypeScript و به‌روزرسانی React و وابستگی‌های مرتبط.
- بازآرایی ساختار صفحات و حذف بخش‌های غیرضروری از کدهای قبلی.
- کاهش حدود ۵۰۰ خط کد در بخش بازآرایی صفحات ورژن.
- انتقال زیرساخت ترجمه به ساختار جدید.
- اصلاح تنظیمات Base URL و اتوماسیون API برای محیط‌های توسعه و عملیاتی.
۵. بهینه‌سازی عملکرد و سرعت بارگذاری
- بهینه‌سازی کامپوننت‌ها و درخواست‌های API صفحه نخست.
- کاهش درخواست‌های مسدودکننده رندر در بخش‌های مختلف صفحه.
- اصلاح مشکلات مرتبط با معیار LCP در نسخه‌های موبایل و دسکتاپ.
- رفع مشکلات کشینگ ویدئوهای صفحه نخست با استفاده از Next.js Proxy و کش سمت سرور.
- اصلاح مشکلات کش SVGها و اسکرول صفحه ورژن.
- بهبود رفتار بارگذاری محتوا و پایداری رابط کاربری.
۶. توسعه تعاملات و قابلیت‌های شهروندی
- توسعه کامپوننت پویا Event Box با قابلیت تنظیم متن، لینک و تصویر و پشتیبانی از تم روشن و تاریک.
- به‌روزرسانی سیستم لایک و دیسلایک آموزش‌ها و تقویم با اتصال به API و زیرساخت تعاملات کاربر.
- اصلاح منطق جستجو و مشاهده بیشتر در بخش رفرال.
- بهبود جستجوی آموزش‌ها.
- رفع مشکلات نمایش GIF و تصاویر نگین سطوح هنگام جابه‌جایی بین تب‌ها.
- بهبود تعاملات بخش ثبت نظر و ورود متن.
۷. توسعه فرانت‌اند آموزشگاه‌یاب
- اتصال Sentry برای پایش خطاهای فرانت‌اند.
- به‌روزرسانی فرم‌های برندینگ و پروفایل آموزشگاه.
- اتصال صفحات ورود و داشبورد به سیستم دیزاین آموزشگاه‌یاب.
- توسعه جستجوی دوره و زیردوره.
- اضافه شدن امکان انتخاب موقعیت مکانی از طریق نقشه.
۸. اصلاح مشکلات نمایش محتوا و رابط کاربری
- رفع مشکلات نمایش تصاویر مقالات و اخبار بارگذاری‌شده از Storage.
- اصلاح چیدمان و نمایش کارت‌ها در صفحه مقالات.
- بهبود هماهنگی بصری و رفتار اجزای رابط کاربری در صفحات مختلف.
۹. بازبینی فنی، کنترل کیفیت و بررسی مخازن
- بازبینی تخصصی صفحات FAQ و صفحات سه‌بعدی.
- بررسی مشکلات مرتبط با SEO و Schema.
- بازبینی زیرساخت SSO و بررسی بخش‌های آموزشگاه‌یاب، میکروسرویس‌ها و پنل ادمین.
- بررسی مخازن مربوط به NPC نیمه‌هوشمند و جهان سه‌بعدی متاورس رنگ.
- بازبینی بخش React و شناسایی موارد نیازمند اصلاح و بهبود.
۱۰. بهینه‌سازی سئوی فنی
- مدیریت طول توضیحات متا با در نظر گرفتن محدودیت ۱۵۵ کاراکتری.
- یکپارچه‌سازی عنوان صفحات با افزودن عبارت اختصاصی «متارنگ».
- بررسی ساختار صفحات FAQ و سه‌بعدی از نظر مشکلات SEO و Schema.
جمع‌بندی
این ورژن مجموعه‌ای از توسعه‌های اساسی در معماری فرانت‌اند متاورس رنگ را پوشش می‌دهد؛ از بازطراحی سیستم دیزاین و توسعه صفحات جدید تا مهاجرت فنی، بهینه‌سازی عملکرد، گسترش زیرساخت Skeleton، توسعه تعاملات شهروندی و بهبود سئوی فنی.
دستاورد محوری این نسخه، حرکت به سمت فرانت‌اندی یکپارچه‌تر، ساختاریافته‌تر، نگهداری‌پذیرتر و آماده‌تر برای توسعه مستمر اکوسیستم متاورس رنگ است.
