# React > Come larch usa React: le interfacce di Hiki e Scout su React 19 e Next.js, e Bridddge, un’app macOS con un’app React per ogni funzionalità. URL: https://larch.ee/it/technologies/react/ larch costruisce interfacce di prodotto in React, sul web e sul desktop. Hiki e Scout usano React 19 dentro Next.js 15, e Bridddge, la nostra app LinkedIn per macOS, usa React dentro Electron. - Prodotti realizzati: 3 - Sul web: React 19 - Sul desktop: Electron - Componenti: shadcn/ui - Build di Bridddge: Vite ## Realizzati con React Tre prodotti, tre interfacce. Un catalogo di manga, un’app LinkedIn per macOS e la sala di controllo di un agente di vendita IA. Ogni interfaccia è in React, e ogni prodotto l’abbiamo progettato, sviluppato e rilasciato noi. ### [Hiki](https://larch.ee/it/work/hiki/) React 19 renderizza un catalogo che i lettori filtrano per 21 generi, 100+ tag, prezzo, sconto, disponibilità e negozio, su componenti shadcn/ui nello stile neubrutalista di Hiki. - Anno: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, Kotlin, Jetpack Compose, FastAPI, Python, MongoDB, Firebase, Google Cloud - Prodotto online: https://hiki.world ### [Bridddge](https://larch.ee/it/work/bridddge/) Ogni funzionalità è un’app React a sé in una build Vite multipagina: dashboard, CRM, analisi SSI, scheduler e automazioni, con un tema shadcn/ui. - Anno: 2025 - Stack: Electron, React, TypeScript, shadcn/ui, Tailwind CSS, SQLite, MCP, Claude AI - Prodotto online: https://bridddge.com ### [Scout](https://larch.ee/it/work/scout/) React 19 disegna la pipeline Kanban con drag and drop, la dashboard analitica e il registro attività, e li aggiorna in tempo reale mentre l’agente lavora. - Anno: 2025 - Stack: Next.js, React, TypeScript, Tailwind CSS, SQLite, Playwright, AI agents ## Servizio correlato ### [Sviluppo di piattaforme web](https://larch.ee/it/services/web-platform-development/) Piattaforme veloci e robuste che assecondano la crescita del tuo business, invece di frenarla. Cosa ottieni: - **Piattaforme SaaS, dashboard in tempo reale e app multilingue**: La dashboard di Scout si aggiorna in tempo reale mentre l’agente lavora; l’interfaccia di Hiki è tradotta fino ai nomi dei generi e dei tag. - **Tutto lo stack, dal front end al database**: Dietro il front end React di Hiki ci sono un back end in FastAPI e MongoDB, sviluppati da un solo team. - **Rilasciate, monitorate e scalate, non solo sviluppate**: Hiki viene rilasciato su Cloud Run tramite Cloud Build a ogni push su main. ## Come usiamo React Interfacce in cui si lavora. In tutti e tre i prodotti React disegna le schermate in cui le persone passano il loro tempo: un catalogo da sfogliare, un workflow LinkedIn da gestire e una pipeline di vendita da seguire. ### Hiki: un catalogo da filtrare L’interfaccia di Hiki è React 19 dentro Next.js 15 con l’App Router. Trasforma lo scraping giornaliero di diverse librerie in un unico catalogo. I lettori filtrano per 21 generi, 100+ tag, fascia di prezzo, sconto, disponibilità e negozio di origine, e la ricerca full-text copre i nomi dei prodotti in tutte le lingue supportate. next-intl traduce l’interfaccia, i nomi dei generi e i tag, così gli stessi componenti React renderizzano ogni lingua. Il look è un design system neubrutalista: bordi marcati da 2px, ombre sfalsate e uno stile ispirato ai manga, con i font Lacquer e Pangolin. I componenti sono shadcn/ui, personalizzati con il tema neubrutalista invece di essere disegnati da zero. ### Bridddge: un’app React per ogni funzionalità Bridddge è un’app macOS costruita con Electron e React. Un browser Chromium incorporato gestisce LinkedIn vero e proprio, e React disegna gli strumenti attorno. Una build Vite multipagina dà a ogni funzionalità un’app React separata: la dashboard, il CRM, le analisi del Social Selling Index, lo scheduler dei post e le automazioni. Il CRM traccia ogni collegamento con il suo stato, le note e la cronologia delle azioni. Le schermate usano shadcn/ui con un tema personalizzato chiamato Lyra, con il blu come colore primario e angoli netti. ### Scout: un’interfaccia per un agente Anche Scout usa React 19 in Next.js 15. Un agente IA fa il lavoro di vendita, e l’interfaccia React è il posto in cui l’utente lo configura e lo segue. Un setup guidato in sette passaggi va dal profilo di cliente ideale al primo gruppo di lead. I lead si spostano su una board Kanban con drag and drop da Qualificato a Contattato, Ha risposto, Meeting, e Vinto o Perso. La dashboard analitica mostra la salute della pipeline, il funnel di conversione, la performance delle fonti e le metriche di outreach, e il registro attività tiene traccia di ogni azione dell’agente. Mentre l’agente lavora, l’interfaccia si aggiorna in tempo reale. ## Altre tecnologie Usate al suo fianco. React gira dentro Next.js in Hiki e Scout, e dentro Electron in Bridddge. Scopri cosa abbiamo costruito con ciascuno. - [Next.js](https://larch.ee/it/technologies/nextjs/): Il front end del catalogo multilingue di Hiki e l’app web di Scout, entrambi su Next.js 15 con l’App Router. - [Electron](https://larch.ee/it/technologies/electron/): Bridddge, un’app macOS nativa con un proprio browser incorporato, che gira in locale. - [Tutte le tecnologie](https://larch.ee/it/technologies/): Sette tecnologie, ognuna in uso in un prodotto che abbiamo rilasciato. ## Come iniziare Raccontaci cosa vuoi lanciare. Porta l’idea. Ti diremo come la costruiremmo e cosa serve. - Prenota una call di 30 minuti: https://calendly.com/nicholas-stackwise/30min - Email: hello@larch.ee