drawer
drawer
CryptoHub — Crypto Market Dashboard hero

نمونه پروژه

cryptohub.mabasian.dev

CryptoHub — Crypto Market Dashboard screenshot 1
CryptoHub — Crypto Market Dashboard screenshot 2
CryptoHub — Crypto Market Dashboard screenshot 3

CryptoHub — Crypto Market Dashboard

یک داشبورد اطلاعاتی ارز دیجیتال در یک نشانی واحد که گردآوری اخبار، ردیابی جداشدگی استیبل‌کوین‌ها از قیمت ثابت، جریان‌های ETF نقدی آمریکا و بازپخش تاریخی وایرال «اگر مبلغ X را در تاریخ Y خریده بودم چه می‌شد» را گرد هم می‌آورد — همه بدون نیاز به ثبت‌نام، در ۱۸ زبان از جمله سه زبان RTL (عبری، فارسی، عربی)، با قیمت‌های زنده که از طریق WebSocket صرافی Binance پخش می‌شوند.

توضیحات پروژه

به‌صورت سرتاسری با Next.js 16 App Router (React 19، TypeScript strict، Tailwind v4) ساخته و روی Vercel مستقر شده است. داده‌های سمت سرور از Bitfinex (کندل‌های تاریخی)، DefiLlama (عرضه استیبل‌کوین)، ۶ فید RSS (گردآوری اخبار)، CoinGecko (ویجت‌های بازار) و alternative.me (Fear & Greed) جریان می‌یابند — و هر بایت از طریق ISR در Next.js کش می‌شود. قیمت‌های زنده از طریق یک WebSocket مرورگری singleton به Binance پخش می‌شوند تا از مصرف بی‌مورد فراخوانی‌های تابع Vercel جلوگیری شود. i18n با ۱۵ زبان (en, de, fr, it, nl, sv, es, ru, tr, pt, hu, pl, ja, zh, ko) از طریق next-intl همراه با تشخیص موقعیت جغرافیایی بر پایه IP و جایگزین‌های hreflang برای سئو. اسکیمای JSON-LD از نوع Dataset / BreadcrumbList / WebApplication / FAQPage برای استناد در جست‌وجوی هوش مصنوعی. تولیدکننده تصویر OpenGraph در زمان اجرای edge برای وایرال‌شدن در اشتراک‌گذاری‌ها. سوئیچ تم سفارشی، بنر رضایت GDPR برای بازدیدکنندگان منطقه اقتصادی اروپا، صفحه ۴۰۴ سفارشی، بنر جداشدگی قیمت در سراسر سایت و راهکارهای جایگزین مطمئن در برابر خطای منابع بالادست در همه بخش‌ها.

Next.js 16

React 19

TypeScript

Tailwind v4

next-intl (18 locales, RTL)

Bitfinex / CoinGecko / DefiLlama API

Binance WebSocket (live prices)

Server Components / ISR

JSON-LD Schema

Vercel

GitHub Actions cron

UI/UX Design

Responsive Design