drawer
drawer
CryptoHub — Crypto Market Dashboard hero

Projektbeispiel

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

Ein Krypto-Informations-Dashboard unter einer einzigen URL, das Nachrichtenaggregation, Stablecoin-Depeg-Tracking, US-Spot-ETF-Flüsse und einen viralen „Was wäre, wenn ich $X am Tag Y gekauft hätte“-Replay vereint – alles ohne Anmeldung, in 18 Sprachen einschließlich drei RTL-Sprachen (Hebräisch, Persisch, Arabisch), mit Live-Kursen, die per Binance-WebSocket gestreamt werden.

Projektbeschreibung

End-to-End gebaut mit Next.js 16 App Router (React 19, TypeScript strict, Tailwind v4) und auf Vercel deployt. Serverseitige Daten fließen über Bitfinex (historische Klines), DefiLlama (Stablecoin-Supply), 6 RSS-Feeds (Nachrichtenaggregation), CoinGecko (Markt-Widgets) und alternative.me (Fear & Greed) – jedes Byte über Next.js ISR gecacht. Live-Kurse streamen über einen Singleton-Browser-WebSocket zu Binance, um Vercel-Funktionsaufrufe zu sparen. 15-Sprachen-i18n (en, de, fr, it, nl, sv, es, ru, tr, pt, hu, pl, ja, zh, ko) über next-intl mit IP-basierter Geo-Erkennung und SEO-hreflang-Alternates. JSON-LD-Dataset/BreadcrumbList/WebApplication/FAQPage-Schema für die Zitierung in KI-Suchen. Edge-Runtime-OpenGraph-Bildgenerator für virale Shares. Eigener Theme-Umschalter, DSGVO-Consent-Banner für EWR-Besucher, eigene 404-Seite, sitewite Depeg-Banner und durchgängig elegante Fallbacks bei Upstream-Ausfällen.

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