# Next.js > Comment larch utilise Next.js : le catalogue de mangas multilingue de Hiki et l’application Scout pour un agent commercial IA, tous deux sur Next.js 15 avec l’App Router. URL: https://larch.ee/fr/technologies/nextjs/ larch développe des plateformes web en Next.js pour les fondateurs et les équipes produit. Le catalogue de mangas multilingue de Hiki et l’application de génération de leads Scout tournent tous deux sur Next.js 15, avec React 19 et l’App Router. - Produits réalisés: 2 - Version: Next.js 15 - Routage: App Router - Associé à: React 19 - Hiki est déployé sur: Cloud Run ## Réalisé avec Next.js Deux produits, un framework. Un catalogue multilingue et le poste de pilotage d’un agent commercial IA. Deux produits complets, conçus, construits et lancés par larch. ### [Hiki](https://larch.ee/fr/work/hiki/) Next.js 15 affiche le front-end du catalogue, avec next-intl pour un routage selon la langue, dans chaque langue. Un back-end FastAPI l’alimente, et les deux tournent sur Google Cloud Run. - Année: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, Kotlin, Jetpack Compose, FastAPI, Python, MongoDB, Firebase, Google Cloud - Produit en ligne: https://hiki.world ### [Scout](https://larch.ee/fr/work/scout/) Next.js 15 avec l’App Router héberge toute l’application : l’assistant de configuration, le pipeline Kanban et le tableau de bord analytique, avec des mises à jour en direct pendant que l’agent tourne. - Année: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, SQLite, Playwright, AI agents ## Service associé ### [Développement de plateformes web](https://larch.ee/fr/services/web-platform-development/) Des plateformes rapides et robustes qui grandissent avec votre activité, pas contre elle. Vous obtenez: - **Plateformes SaaS, tableaux de bord en temps réel et applications multilingues**: Le catalogue de Hiki fonctionne en plusieurs langues ; Scout a un tableau de bord pour la santé du pipeline. - **Toute la stack, du front-end à la base de données**: Pour Hiki : Next.js, un back-end FastAPI et MongoDB, construits par une seule équipe. - **Déployées, surveillées et mises à l’échelle, pas seulement construites**: Hiki est déployé sur Cloud Run via Cloud Build à chaque push sur main. ## Next.js : notre usage De vrais produits, de vraies routes. Les deux produits Next.js sont des produits complets, pas des démos. Le framework porte de vraies données, plusieurs langues et un agent IA au travail. ### Hiki : un catalogue multilingue Le front-end de Hiki est en Next.js 15, avec React 19 et l’App Router. C’est l’un des deux services sur Google Cloud : l’application Next.js affiche le catalogue, et un back-end FastAPI collecte les données des librairies, enrichit chaque titre et sert les données. Les scrapers tournent chaque jour, et la détection des changements signale les nouveautés, les baisses de prix et les variations de stock. Les deux services tournent sur Cloud Run, et Cloud Build les déploie à chaque push sur main. Le catalogue est multilingue dès le routage. next-intl gère les routes selon la langue, les noms de genres, les traductions des tags et l’interface : les lecteurs naviguent dans leur langue, titres compris. Ils filtrent par 21 genres, plus de 100 tags, fourchette de prix, remise, stock et magasin d’origine, et la recherche plein texte fonctionne dans toutes les langues prises en charge. L’interface utilise un design system néo-brutaliste : bordures épaisses de 2 px, ombres décalées et un style inspiré du manga, construit sur des composants shadcn/ui adaptés au thème. ### Scout : le poste de pilotage d’un agent Scout est lui aussi en Next.js 15 avec l’App Router et React 19, mais ici l’application pilote un agent IA. L’agent découvre des entreprises, enrichit les contacts, note chaque lead de 1 à 5 selon le profil client idéal et rédige des messages de prospection personnalisés. Les leads les mieux notés lancent ensuite une deuxième vague de découverte. Next.js héberge tout ce que l’utilisateur manipule : un assistant de configuration en sept étapes, de l’ICP au premier lot de leads, un pipeline Kanban en glisser-déposer, un tableau de bord analytique et un journal de chaque action de l’agent. Pendant que l’agent enchaîne ses cycles, l’interface se met à jour en direct : la progression s’affiche au fil de l’eau. Les données sont dans SQLite en mode WAL, une base de données fichier sans configuration. Dans les deux produits, Next.js est une couche d’un ensemble que nous avons conçu, construit et lancé de bout en bout, du design au déploiement, sans passage de relais. ## Autres technologies Utilisées en complément. Hiki et Scout associent Next.js à React et TypeScript. Découvrez ce que nous avons construit d’autre avec. - [React](https://larch.ee/fr/technologies/react/): Les interfaces de Hiki et de Scout, et celle de l’application de bureau Bridddge. - [TypeScript](https://larch.ee/fr/technologies/typescript/): Le langage commun aux quatre produits, des front-ends web au serveur seo-mcp. - [Toutes les technologies](https://larch.ee/fr/technologies/): Sept technologies, chacune en service dans un produit que nous avons lancé. ## Pour commencer Dites-nous ce que vous voulez lancer. Apportez l’idée. Nous vous dirons comment nous la construirions et ce que cela demande. - Réserver un appel de 30 minutes: https://calendly.com/nicholas-stackwise/30min - E-mail: hello@larch.ee