Automation
Costruisci workflow che automatizzano processi reali.
Workflow e automazioni come le usano davvero le aziende.
Percorsi01
AI Builder
Crea una web app con chat AI, usando l’AI come sviluppatore.
Otto settimane in diretta per costruire una web app di finanza personale con chat AI integrata, dalla prima idea alla pubblicazione online.
Alla fine
del percorso
Hai costruito e pubblicato una web app di finanza personale con una chat AI che risponde sui dati dell’utente.
Una web app di finanza personale con chat AI, verificata e pubblicata online.
Il progetto finale
Costruiamo una web app di finanza personale dove l’utente può:
09funzionalità
costruite insieme
- registrarsi e fare login
- inserire entrate e uscite
- creare categorie
- visualizzare saldo e andamento
- filtrare movimenti
- vedere grafici e statistiche
- impostare budget mensili
- chiedere alla chat AI un riepilogo di spese e budget
- pubblicare tutto online
Import/export CSV e transazioni ricorrenti restano approfondimenti facoltativi. L’obiettivo non è imparare Next.js a memoria. È imparare a dire all’AI cosa costruire, come verificarlo e come portarlo in produzione.
Il programma in breve
01
Idea → App
Trasformiamo un’idea in una vera web app con Pi.dev e Next.js.
02
Frontend
Costruiamo dashboard, pagine, componenti e interazioni.
03
Database & Login
Dati reali, utenti, autenticazione e CRUD.
04
Logica
Calcoli, filtri, categorie e budget.
05
Data Visualization
Grafici, statistiche e dashboard dinamiche.
06
API
Prepariamo endpoint protetti e il collegamento a un modello AI.
07
Chat AI
Una chat che risponde usando spese, categorie e budget dell’utente.
08
Ship
Verifica dell’app e della chat, deploy e demo finale.
Il programma
8 incontri in 8 settimane, da 2 ore e mezza ciascuno: 20 ore live. Ogni incontro prevede 20 minuti di ripresa e domande, 100 minuti di costruzione guidata e 30 minuti di verifica insieme. La chat AI arriva al settimo incontro, dopo dati e API; l’ultimo è dedicato a qualità, demo e pubblicazione.
Settimana 01
Da idea a prodotto
Partiamo da zero.
Impariamo
- come trasformare un’idea in requisiti
- come dividere un progetto in feature
- come usare Pi.dev come coding agent
- come scrivere richieste efficaci
- come far analizzare all’AI un progetto
- cos’è una web app
- frontend, backend e database
- struttura di un progetto Next.js
- basi di Git
Costruiamo
La prima versione della nostra app: Personal Finance.
Pagine iniziali
- Home
- Dashboard
- Transactions
- Budgets
- Settings
OutputPrima web app funzionante in locale.
Due ore fa avevo un’idea. Ora ho un’app.
Settimana 02
Frontend e dashboard
Trasformiamo lo scheletro in un prodotto utilizzabile.
Impariamo
- componenti React
- props
- state
- layout
- routing
- responsive
- form
- modali
- tabelle
- componenti riutilizzabili
- loading state
- empty state
- error state
Costruiamo
Come si lavora con l’AI sul frontend
Non così
Fammi un sito bello.
Così
Costruisci una card per il saldo mensile rispettando questi requisiti…
Poi analizziamo insieme quello che Pi ha prodotto.
La dashboard
- saldo totale
- entrate
- uscite
- budget disponibile
- movimenti recenti
OutputDashboard completa e responsive.
Settimana 03
Database e autenticazione
Adesso l’app deve salvare dati veri.
Impariamo
- cosa sono i database
- database a documenti
- collection
- documenti e campi
- _id
- relazioni fra collection
- query e filtri
- CRUD
- autenticazione
- sessione utente
- autorizzazioni
- environment variables
Costruiamo
Stack
- MongoDB
Collection
- profiles
- transactions
- categories
- budgets
Funzioni
- registrazione
- login
- logout
- inserimento transazione
- modifica
- eliminazione
Una transazione tipo: €45 — Supermercato — Alimentari.
OutputOgni utente può entrare e gestire i propri movimenti finanziari.
Settimana 04
Logica applicativa
Una web app non è solo interfaccia più database: qui arriva la logica.
Impariamo
- business logic
- validazione
- query
- filtri
- aggregazioni
- calcoli
- date
- gestione dello stato
- separare logica e presentazione
Costruiamo
Il sistema calcola
- entrate del mese
- uscite del mese
- saldo
- spesa per categoria
- budget restante
E filtra per
- mese
- categoria
- tipo
- intervallo date
OutputLa dashboard usa dati reali e calcola statistiche dinamicamente.
Settimana 05
Grafici e visualizzazione dati
La settimana in cui il progetto inizia a fare effetto.
Impariamo
- trasformare dati grezzi
- aggregazioni
- dataset
- chart
- visualizzazione
- UX dei dati
- filtri dinamici
Costruiamo
- entrate vs uscite
- spese per categoria
- trend degli ultimi 6 mesi
- budget: Alimentari €380 / €500
OutputUna vera dashboard finanziaria interattiva.
Settimana 06
API e preparazione della chat
Colleghiamo interfaccia e backend e prepariamo i dati che userà la chat, con un’integrazione essenziale.
Impariamo
- endpoint, GET e POST
- JSON e request/response
- chiamate asincrone e gestione errori
- sessione utente e accesso ai propri dati
- chiamare un servizio esterno dal server
- API key e variabili d’ambiente
Costruiamo
Le basi dell’integrazione
- endpoint protetto per il riepilogo mensile
- riepilogo di entrate, uscite e budget in JSON
- collegamento dal server a un modello AI
- prima chiamata di prova e gestione degli errori
Riutilizziamo i calcoli già costruiti: la chat riceverà solo il riepilogo necessario dell’utente autenticato. API pubbliche e permessi avanzati restano fuori dal programma base.
OutputBackend pronto per la chat e prima risposta del modello ricevuta dall’app.
Settimana 07
Chat AI sui tuoi dati
Dedichiamo l’incontro a una chat integrata nella dashboard, che aiuta a leggere spese e budget.
Impariamo
- messaggi, ruoli e istruzioni del modello
- contesto della conversazione e riepilogo dei dati
- interfaccia chat e stato di attesa
- risposte basate sui dati disponibili
- limiti di utilizzo e controllo dei costi
- gestione di errori e dati mancanti
Costruiamo
La chat nella dashboard
- invio messaggi e visualizzazione delle risposte
- domande come: quanto ho speso questo mese?
- riepilogo delle categorie di spesa e dei budget rimasti
- conversazione mantenuta durante la sessione
- messaggi chiari quando i dati non bastano o il servizio non risponde
La chat legge i riepiloghi dell’utente senza modificare movimenti o budget. I calcoli restano nel backend; l’AI li spiega in linguaggio naturale.
OutputChat AI funzionante nell’app, capace di rispondere sui dati dell’utente.
Settimana 08
Qualità, deploy e demo finale
Consolidiamo ciò che abbiamo costruito e pubblichiamo l’app con la sua chat AI.
Impariamo
- code review e correzioni mirate con il coding agent
- verifica dei flussi principali e delle risposte AI
- protezione dei dati utente e delle chiavi API
- build, hosting e deploy
- variabili d’ambiente e database in produzione
- logging degli errori e monitoraggio dei consumi AI
Completiamo
- test di login, movimenti, filtri e budget
- verifica della chat con dati presenti, assenti e richieste fuori contesto
- controllo che ogni utente acceda solo ai propri dati
- correzione dei problemi emersi
- deploy e prova completa online
- demo finale del progetto
L’incontro finale è riservato a verifica e pubblicazione. Dominio personalizzato, import/export CSV e transazioni ricorrenti sono estensioni facoltative da affrontare dopo il percorso.
Output finaleUna web app di finanza personale con chat AI, verificata e pubblicata online.
L’AI ci aiuta a costruire l’app. Poi diventa anche una sua funzione.
Per tutte e otto le settimane, accanto al progetto, si impara a lavorare con un coding agent. Al settimo incontro integriamo anche una chat AI nel prodotto.
Specifica
Come spiegare all’AI cosa vogliamo.
Context
Come darle il contesto corretto del progetto.
Planning
Come farle pianificare prima di scrivere codice.
Coding
Come far implementare una feature.
Debugging
Come darle un errore e farla investigare.
Refactoring
Come migliorare codice esistente.
Code review
Come far analizzare ciò che ha scritto.
Documentation
Come far leggere documentazione e API.
Testing
Come far verificare che una feature funzioni.
Non impari a chiedere all’AI di “farti un’app”. Impari a usarla come un vero collaboratore tecnico.
Come si lavora
Lezioni live
In diretta, con le domande dentro la lezione.
Registrazioni
Ogni sera resta registrata, la ritrovi il giorno dopo.
Materiale
Repo di partenza, template e appunti di ogni lezione.
Piccoli gruppi
Pochi posti, così c’è spazio per le domande di tutti.
Le domande frequenti sono in fondo alla home.
Prossima edizione di AI Builder
I posti sono pochi per scelta: il gruppo si chiude quando è pieno.
Gli altri percorsi
AI Agents
Progetta un team AI che collabora su compiti complessi.
Come si progetta un team di agenti che lavora su compiti reali.
Business
Porta AI e automazioni nei processi della tua azienda.
Formazione e automazione per il tuo team, sui vostri processi.