drawer
drawer
StockHub — US Stock Market Intelligence hero

Projektbeispiel

stockhub.mabasian.dev

StockHub — US Stock Market Intelligence screenshot 1
StockHub — US Stock Market Intelligence screenshot 2
StockHub — US Stock Market Intelligence screenshot 3

StockHub — US Stock Market Intelligence

Ein US-Aktien-Dashboard ohne Anmeldung, das Live-Insidergeschäfte aus SEC Form 4 mit einem nach Relevanz sortierten Feed, einen Finnhub-gestützten Quartalskalender mit Surprise-Tracking, dedupliziert Schlagzeilen aus 12 Finanzmedien und einen historischen „Was wäre, wenn ich $X von TICKER am Tag Y gekauft hätte“-Replay vereint – in 18 Sprachen, darunter drei RTL-Sprachen (Hebräisch, Persisch, Arabisch), mit einer Live-CNN-Fear-&-Greed-Anzeige und einer Sektor-Heatmap auf der Startseite.

Projektbeschreibung

Schwesterprojekt von CryptoHub mit derselben Architektur und Markenidentität. Gebaut mit Next.js 16 App Router (React 19, TypeScript strict, Tailwind v4) und auf Vercel deployt. Die Daten verteilen sich über SEC EDGAR (Form-4-Firehose mit aussagekräftigem User-Agent, Score = Führungsrang × log10($-Wert) × Cluster × Aktualität), Finnhub (Kurse / Quartalskalender / Insider-Transaktionen, 60 Anfragen/Min. im Free-Tier), Stooq (tägliche OHLC für den historischen Replay, nächtlicher Bulk-Cache), 12 RSS-Feeds (CNBC, MarketWatch, Yahoo Finance, Reuters, Seeking Alpha, Investopedia, IBD, Motley Fool, Benzinga, TheStreet, Zacks, Investing.com – dedupliziert über normalisierten Titel-Hash) und CNN-Dataviz (Fear & Greed). Jeder serverseitige Fetch ist in einen safeFetch-Helper gehüllt, der bei Zeitüberschreitung loggt und null zurückgibt – die Seite bricht bei Upstream-Problemen nie ab. 18-Sprachen-next-intl mit IP-Geo-Erkennung und voller RTL-Unterstützung (he/fa/ar) über Tailwind Logical Properties und bdi-Wrapper um Zahlen und Diagramme. JSON-LD-Dataset/WebApplication/FAQPage-Schema, Sitemap mit hreflang × 18, Edge-OG/Twitter-Bildgeneratoren mit dem Markengradienten, robots.txt + llms.txt + ads.txt. AdSense eingebunden (rohes <script> im <head> für Crawler-Sichtbarkeit, AdSlot-Muster, das ohne Slot-IDs nichts tut). SEC-/FINRA-Compliance-Haltung: Das Scoring ist als statistische Aggregation dokumentiert, sitewite Disclaimer-Banner, klare Sprache zu „informativer Aggregator, keine Anlageberatung“, nirgends „Kaufen / Verkaufen / garantiert“-Formulierungen.

Next.js 16

React 19

TypeScript

Tailwind v4

next-intl (18 locales, RTL)

SEC EDGAR / Finnhub / Stooq / RSS / CNN F&G

Server Components / ISR

JSON-LD Schema

Edge OG generator

AdSense

Vercel

SEC / FINRA compliance

UI/UX Design

Responsive Design (Mobile-first, RTL)