ترید بلادرنگ
صرافی ارز — arz.me
بازار زنده، کیف پول و خرید/فروش روی یک استک Next.js — صرافی production، نه سایت معرفی.
مشاهده سایت(باز شدن در تب جدید)چالش
کاربر هم به لندینگ عمومی و SEO-friendly نیاز داشت، هم به فضای ترید لاگینشدهٔ قابل اعتماد. قیمت زندهٔ بازار و وضعیت کیف پول باید بین صفحات پایدار میماند — بدون ترفندهای شکنندهٔ رفرش — و فرانتاند باید با سرویسهای بکاند هماهنگ کار میکرد.
نقش من
معماری فرانتاند را از صفر برای اپ و لندینگ صرافی رهبری کردم (زمینهٔ barman-tech / graphay). فید بازار Socket.io، فلوهای ترید و کیف پول، و state مشترک با Zustand و TanStack Query را پیاده کردم و قراردادهای API را با بکاند هماهنگ نگه داشتم.
آنچه ساختم
- معماری فرانتاند لندینگ مارکتینگ و اپ لاگینشدهٔ صرافی
- فید زندهٔ بازار Socket.io متصل به state ترید و کیف پول
- فلوهای خرید/فروش، کیف پول، قیمت لحظهای و پشتیبانی با Zustand و TanStack Query
- هماهنگی قراردادهای API با سرویسهای بکاند
نتیجه
arz.me در production هم صفحات مارکتینگ عمومی دارد، هم داشبوردی با بهروزرسانی زندهٔ بازار و state پیچیدهٔ ترید/کیف پول — یک سطح واقعی صرافی، نه فقط سایت معرفی.
تکنولوژیها
- Next.js
- TypeScript
- Zustand
- TanStack Query
- Socket.io
- Tailwind CSS