# Next.js

> Wie larch Next.js einsetzt: der mehrsprachige Manga-Katalog von Hiki und die Scout-App für einen KI-Sales-Agenten, beide auf Next.js 15 mit dem App Router.

URL: https://larch.ee/de/technologies/nextjs/

larch baut Webplattformen in Next.js für Gründer und Produktteams. Der mehrsprachige Manga-Katalog von Hiki und die Leadgenerierungs-App Scout laufen beide auf Next.js 15, mit React 19 und dem App Router.

- Gebaute Produkte: 2
- Version: Next.js 15
- Routing: App Router
- Kombiniert mit: React 19
- Hiki deployt auf: Cloud Run

## Gebaut mit Next.js

Zwei Produkte, ein Framework. Ein mehrsprachiger Katalog und die Steuerzentrale für einen KI-Sales-Agenten. Beides vollständige Produkte, von larch entworfen, gebaut und ausgeliefert.

### [Hiki](https://larch.ee/de/work/hiki/)

Next.js 15 rendert das Katalog-Frontend, mit next-intl für sprachabhängiges Routing in jeder Sprache. Ein FastAPI-Backend liefert die Daten, und beide laufen auf Google Cloud Run.

- Jahr: 2025
- Stack: Next.js, React, TypeScript, Tailwind CSS, Kotlin, Jetpack Compose, FastAPI, Python, MongoDB, Firebase, Google Cloud
- Live-Produkt: https://hiki.world

### [Scout](https://larch.ee/de/work/scout/)

Next.js 15 mit dem App Router trägt die gesamte App: den Setup-Assistenten, die Kanban-Pipeline und das Analytics-Dashboard, mit Live-Updates, 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**: Der Katalog von Hiki läuft in mehreren Sprachen; Scout hat ein Dashboard für den Zustand der Pipeline.
- **Der gesamte Stack, vom Frontend bis zur Datenbank**: Bei Hiki: Next.js, 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 Next.js

Echte Produkte, echte Routen. Beide Next.js-Produkte sind vollständige Produkte, keine Demos. Das Framework trägt echte Daten, mehr als eine Sprache und einen KI-Agenten bei der Arbeit.

### 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.

## Weitere Technologien

Damit kombiniert. Hiki und Scout kombinieren Next.js mit React und TypeScript. Sehen Sie, was wir sonst noch damit gebaut haben.

- [React](https://larch.ee/de/technologies/react/): Die Oberflächen von Hiki und Scout und der Desktop-App Bridddge.
- [TypeScript](https://larch.ee/de/technologies/typescript/): Die Sprache unter allen vier Produkten, von den Web-Frontends bis zum seo-mcp-Server.
- [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