یاسین دهفولیتوسعه‌دهنده فرانت‌اند
یاسین دهفولیتوسعه‌دهنده فرانت‌اند
فول‌استک

وب‌سایت صراف: بازنویسی از Nuxt.js به NestJS

وب‌سایت پلتفرم سرمایه‌گذاری صراف که از Nuxt.js به NestJS بازنویسی شد؛ با صفحه‌های رندرشده در سرور، بخش‌های تعاملی Vue، قیمت‌های لحظه‌ای و محاسبه‌گر «اگر قبلاً سرمایه‌گذاری می‌کردم».

  • NestJS
  • Vue.js
  • رندر سمت سرور
  • معماری جزیره‌ای
تصویر کامل صفحه خانه در صراف

درباره پروژه

صراف یک پلتفرم سرمایه‌گذاری است که در آن می‌توان طلا، دلار و ارز دیجیتال خرید، فروخت و نگه داشت. به‌عنوان برنامه‌نویس فرانت‌اند صراف، وب‌سایت عمومی آن را از پایه بازنویسی کردم و از Nuxt.js به NestJS بردم.

حالا همه صفحه‌ها در سرور رندر می‌شوند، پس بازدیدکننده‌ها و موتورهای جست‌وجو کل صفحه را در همان پاسخ اول می‌گیرند. فقط بخش‌هایی که در مرورگر واکنش نشان می‌دهند، مثل هدر، قیمت‌های لحظه‌ای، ماشین‌حساب‌ها، نمودارها و پرسش‌های متداول، به‌شکل جزیره‌های کوچک Vue.js بارگذاری می‌شوند.

کارهایی که انجام دادم

  • صفحه‌های رندرشده در سرور با NestJS، به‌جای سایت قبلی Nuxt.js
  • جزیره‌های Vue.js فقط برای بخش‌های تعاملی: هدر، قیمت‌های لحظه‌ای، جدول قیمت، ماشین‌حساب‌ها، نمودارها و پرسش‌های متداول
  • یک صفحه قیمت برای هر دارایی، با نمودار، مبدل و توضیحات
  • ماشین‌حساب «اگر قبلاً سرمایه‌گذاری می‌کردم» که نشان می‌دهد یک میلیون تومان امروز در هر دارایی چقدر می‌ارزید
  • بخش دانلود اپلیکیشن که لینک دانلود را به شماره موبایل می‌فرستد
  • آخرین مقاله‌های بلاگ صراف در صفحه اصلی

پروژه مشابهی در ذهن دارید؟

بگویید چه چیزی می‌سازید و تا کی به آن نیاز دارید؛ با چند سؤال و قدم‌های بعدی جوابتان را می‌دهم.

تماس با من

طراحی و ساخته‌شده با Angular.