# Next.js

> Come larch usa Next.js: il catalogo di manga multilingue di Hiki e l’app di Scout per un agente di vendita IA, entrambi su Next.js 15 con l’App Router.

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

larch sviluppa piattaforme web in Next.js per founder e team di prodotto. Il catalogo di manga multilingue di Hiki e l’app di lead generation di Scout girano entrambi su Next.js 15, con React 19 e l’App Router.

- Prodotti realizzati: 2
- Versione: Next.js 15
- Routing: App Router
- Abbinato a: React 19
- Hiki gira su: Cloud Run

## Realizzati con Next.js

Due prodotti, un framework. Un catalogo multilingue e la sala di controllo di un agente di vendita IA. Sono entrambi prodotti completi, progettati, sviluppati e rilasciati da larch.

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

Next.js 15 renderizza il front end del catalogo, con next-intl per un routing che gestisce ogni lingua. Lo alimenta un back end in FastAPI, ed entrambi girano su Google Cloud Run.

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

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

Next.js 15 con l’App Router ospita l’intera app: il setup guidato, la pipeline Kanban e la dashboard analitica, con aggiornamenti 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**: Il catalogo di Hiki funziona in diverse lingue; Scout ha una dashboard sulla salute della pipeline.
- **Tutto lo stack, dal front end al database**: Per Hiki: Next.js, 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 Next.js

Prodotti veri, route vere. Entrambi i prodotti in Next.js sono prodotti completi, non demo. Il framework gestisce dati reali, più di una lingua e un agente IA al lavoro.

### Hiki: un catalogo multilingue

Il front end di Hiki è Next.js 15 con React 19 e l’App Router. È uno dei due servizi su Google Cloud: l’app Next.js renderizza il catalogo, mentre un back end in FastAPI fa scraping delle librerie, arricchisce ogni titolo e serve i dati. Gli scraper girano ogni giorno e il rilevamento delle modifiche segnala nuovi arrivi, cali di prezzo e cambi di disponibilità. Entrambi i servizi girano su Cloud Run, e Cloud Build li rilascia a ogni push su main.

Il catalogo è multilingue a partire dal routing. next-intl gestisce le route per lingua, i nomi dei generi, le traduzioni dei tag e l’interfaccia, così i lettori navigano nella loro lingua, titoli compresi. Possono filtrare per 21 generi, 100+ tag, fascia di prezzo, sconto, disponibilità e negozio di origine, e la ricerca full-text funziona in tutte le lingue supportate.

L’interfaccia usa un design system neubrutalista: bordi marcati da 2px, ombre sfalsate e un look ispirato ai manga, costruito su componenti shadcn/ui con un tema coordinato.

### Scout: la sala di controllo di un agente

Anche Scout è Next.js 15 con l’App Router e React 19, ma qui l’app guida un agente IA. L’agente trova aziende, arricchisce i contatti, assegna a ogni lead un punteggio da 1 a 5 rispetto al profilo di cliente ideale e scrive bozze di outreach personalizzato. I lead con il punteggio più alto avviano poi una seconda ondata di ricerca.

Next.js ospita tutto ciò che l’utente tocca: un setup guidato in sette passaggi, dall’ICP al primo gruppo di lead, una pipeline Kanban con drag and drop, una dashboard analitica e un registro di ogni azione dell’agente. Mentre l’agente esegue i suoi cicli, l’interfaccia si aggiorna in tempo reale, così l’avanzamento si vede mentre accade. I dati stanno in SQLite in modalità WAL, un database su file a zero configurazione.

In entrambi i prodotti Next.js è uno strato di qualcosa che abbiamo progettato, sviluppato e rilasciato end-to-end, dal design al deploy, senza passaggi di consegne.

## Altre tecnologie

Usate al suo fianco. Hiki e Scout abbinano Next.js a React e TypeScript. Scopri cos’altro ci abbiamo costruito.

- [React](https://larch.ee/it/technologies/react/): Le interfacce di Hiki e Scout, e quella dell’app desktop Bridddge.
- [TypeScript](https://larch.ee/it/technologies/typescript/): Il linguaggio alla base di tutti e quattro i prodotti, dai front end web al server seo-mcp.
- [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