Next.js

Hiki: ein mehrsprachiger Katalog

Das Frontend von Hiki ist Next.js 15 mit React 19 und dem App Router. Es ist einer von zwei Services auf Google Cloud: Die Next.js-App rendert den Katalog, und ein FastAPI-Backend scrapt die Buchhandlungen, reichert jeden Titel an und stellt die Daten bereit. Scraper laufen jeden Tag, und die Änderungserkennung markiert Neuheiten, Preissenkungen und Bestandsänderungen. Beide Services laufen auf Cloud Run, und Cloud Build deployt sie bei jedem Push auf main.

Der Katalog ist vom Routing an mehrsprachig. next-intl übernimmt sprachabhängige Routen, Genrenamen, Tag-Übersetzungen und die Oberfläche, sodass Leser in ihrer eigenen Sprache stöbern, Titel inklusive. Sie filtern nach 21 Genres, 100+ Tags, Preisspanne, Rabatt, Bestand und Herkunftsladen, und die Volltextsuche funktioniert in jeder unterstützten Sprache.

Die Oberfläche nutzt ein Neubrutalism-Designsystem: kräftige Rahmen mit 2 px, versetzte Schatten und ein von Manga inspirierter Look, aufgebaut auf shadcn/ui-Komponenten mit passendem Theme.

Scout: die Steuerzentrale für einen Agenten

Auch Scout ist Next.js 15 mit dem App Router und React 19, doch hier steuert die App einen KI-Agenten. Der Agent findet Firmen, reichert Kontakte an, bewertet jeden Lead von 1 bis 5 gegen das ideale Kundenprofil und entwirft personalisierte Outreach-Nachrichten. Die bestbewerteten Leads stoßen dann eine zweite Suchwelle an.

Next.js trägt alles, womit Nutzer arbeiten: einen Setup-Assistenten mit sieben Schritten vom ICP bis zum ersten Lead-Batch, eine Kanban-Pipeline per Drag-and-drop, ein Analytics-Dashboard und ein Aktivitätsprotokoll jeder Aktion des Agenten. Während der Agent seine Zyklen durchläuft, aktualisiert sich die Oberfläche live, sodass der Fortschritt sofort sichtbar ist. Die Daten liegen in SQLite im WAL-Modus, einer dateibasierten Datenbank ohne Konfiguration.

In beiden Produkten ist Next.js eine Schicht von etwas, das wir durchgängig entworfen, gebaut und ausgeliefert haben, von Design bis Deployment, ohne Übergaben.