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