# React > Wie larch React einsetzt: die Oberflächen von Hiki und Scout auf React 19 und Next.js sowie Bridddge, eine macOS-App mit einer eigenen React-App pro Funktion. URL: https://larch.ee/de/technologies/react/ larch baut Produktoberflächen in React, im Web und auf dem Desktop. Hiki und Scout laufen mit React 19 in Next.js 15, und Bridddge, unsere LinkedIn-App für macOS, läuft mit React in Electron. - Gebaute Produkte: 3 - Im Web: React 19 - Auf dem Desktop: Electron - Komponenten: shadcn/ui - Bridddge baut mit: Vite ## Gebaut mit React Drei Produkte, drei Oberflächen. Ein Manga-Katalog, eine LinkedIn-App für macOS und die Steuerzentrale für einen KI-Sales-Agenten. Jede Oberfläche ist React, und jedes Produkt haben wir entworfen, gebaut und ausgeliefert. ### [Hiki](https://larch.ee/de/work/hiki/) React 19 rendert einen Katalog, den Leser nach 21 Genres, 100+ Tags, Preis, Rabatt, Bestand und Laden filtern, mit shadcn/ui-Komponenten im Neubrutalism-Stil von Hiki. - Jahr: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, Kotlin, Jetpack Compose, FastAPI, Python, MongoDB, Firebase, Google Cloud - Live-Produkt: https://hiki.world ### [Bridddge](https://larch.ee/de/work/bridddge/) Jede Funktion ist eine eigene React-App in einem Multi-Page-Build mit Vite: Dashboard, CRM, SSI-Analysen, Planer und Automatisierungen, gestaltet mit shadcn/ui. - Jahr: 2025 - Stack: Electron, React, TypeScript, shadcn/ui, Tailwind CSS, SQLite, MCP, Claude AI - Live-Produkt: https://bridddge.com ### [Scout](https://larch.ee/de/work/scout/) React 19 zeichnet die Kanban-Pipeline per Drag-and-drop, das Analytics-Dashboard und das Aktivitätsprotokoll und aktualisiert sie live, während der Agent läuft. - Jahr: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, SQLite, Playwright, AI agents ## Passende Leistung ### [Entwicklung von Webplattformen](https://larch.ee/de/services/web-platform-development/) Schnelle, belastbare Plattformen, die mit Ihrem Unternehmen wachsen, statt es zu bremsen. Was Sie bekommen: - **SaaS-Plattformen, Echtzeit-Dashboards und mehrsprachige Apps**: Das Dashboard von Scout aktualisiert sich live während der Agentenläufe; die Oberfläche von Hiki ist bis hin zu Genre- und Tag-Namen übersetzt. - **Der gesamte Stack, vom Frontend bis zur Datenbank**: Hinter dem React-Frontend von Hiki stehen ein FastAPI-Backend und MongoDB, gebaut von einem Team. - **Deployt, überwacht und skaliert, nicht nur gebaut**: Cloud Build bringt Hiki bei jedem Push auf main auf Cloud Run. ## So nutzen wir React Oberflächen zum Arbeiten. In allen drei Produkten zeichnet React die Screens, in denen Menschen ihre Zeit verbringen: einen Katalog zum Stöbern, einen LinkedIn-Workflow zum Steuern und eine Sales-Pipeline zum Verwalten. ### Hiki: ein Katalog zum Filtern Die Oberfläche von Hiki ist React 19 in Next.js 15 mit dem App Router. Sie macht aus einem täglichen Scrape mehrerer Buchhandlungen einen einzigen Katalog. Leser filtern nach 21 Genres, 100+ Tags, Preisspanne, Rabatt, Bestand und Herkunftsladen, und die Volltextsuche deckt Produktnamen in jeder unterstützten Sprache ab. next-intl übersetzt die Oberfläche, die Genrenamen und die Tags, sodass dieselben React-Komponenten jede Sprachversion rendern. Der Look ist ein Neubrutalism-Designsystem: kräftige Rahmen mit 2 px, versetzte Schatten und ein von Manga inspirierter Stil, gesetzt in den Schriften Lacquer und Pangolin. Die Komponenten sind shadcn/ui, angepasst an das Neubrutalism-Theme, statt von Grund auf neu gezeichnet. ### Bridddge: eine React-App pro Funktion Bridddge ist eine macOS-App, gebaut mit Electron und React. Ein eingebetteter Chromium-Browser übernimmt LinkedIn selbst, und React zeichnet die Tools drumherum. Ein Multi-Page-Build mit Vite gibt jeder Funktion eine eigene React-App: das Dashboard, das CRM, die Social-Selling-Index-Analysen, den Post-Planer und die Automatisierungen. Das CRM erfasst jeden Kontakt mit Status, Notizen und Aktionsverlauf. Die Screens nutzen shadcn/ui mit einem eigenen Theme namens Lyra, das eine blaue Primärfarbe und scharfe Kanten hat. ### Scout: eine Oberfläche für einen Agenten Auch Scout läuft mit React 19 in Next.js 15. Ein KI-Agent erledigt die Vertriebsarbeit, und in der React-Oberfläche richten Nutzer ihn ein und verfolgen ihn. Ein Setup-Assistent mit sieben Schritten führt vom idealen Kundenprofil bis zum ersten Lead-Batch. Leads wandern auf einem Kanban-Board per Drag-and-drop von Qualifiziert über Kontaktiert, Geantwortet und Meeting bis Gewonnen oder Verloren. Das Analytics-Dashboard zeigt den Zustand der Pipeline, den Conversion-Funnel, die Performance der Quellen und Outreach-Kennzahlen, und das Aktivitätsprotokoll hält jede Aktion des Agenten fest. Während der Agent läuft, aktualisiert sich die Oberfläche live. ## Weitere Technologien Damit kombiniert. React läuft in Hiki und Scout in Next.js und in Bridddge in Electron. Sehen Sie, was wir mit beiden gebaut haben. - [Next.js](https://larch.ee/de/technologies/nextjs/): Das Frontend des mehrsprachigen Katalogs von Hiki und die Web-App von Scout, beide auf Next.js 15 mit dem App Router. - [Electron](https://larch.ee/de/technologies/electron/): Bridddge, eine native macOS-App mit eigenem eingebettetem Browser, die lokal läuft. - [Alle Technologien](https://larch.ee/de/technologies/): Sieben Technologien, jede davon läuft in einem Produkt, das wir ausgeliefert haben. ## So starten Sie Was möchten Sie ausliefern? Bringen Sie die Idee mit. Wir sagen Ihnen, wie wir sie bauen würden und was es dafür braucht. - 30-Minuten-Gespräch buchen: https://calendly.com/nicholas-stackwise/30min - E-Mail: hello@larch.ee