Automation
Costruisci workflow che automatizzano processi reali.
Workflow e automazioni come le usano davvero le aziende.
PercorsiIscrizioni aperte
AI Builder
Crea una web app completa usando l’AI come sviluppatore.
Otto settimane in diretta per costruire una web app di finanza personale, dalla prima idea alla pubblicazione online.
- Livello
- Da zero
- Durata
- 8 settimane
- Formato
- Live, pratico, project-based
€ 349€ 699−50%
Prezzo di lancio riservato al primo gruppo. IVA inclusa.
Alla fine del percorso
Hai costruito e pubblicato una web app completa usando l’AI come sviluppatore.
Una web app completa di finanza personale pubblicata online.
Il progetto finale
Costruiamo una web app di finanza personale dove l’utente può:
- registrarsi e fare login
- inserire entrate e uscite
- creare categorie
- visualizzare saldo e andamento
- filtrare movimenti
- vedere grafici e statistiche
- impostare budget mensili
- importare dati
- usare API esterne
- pubblicare tutto online
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
La nostra app diventa accessibile e integrabile da fuori.
07
Product
Import/export, recurring transactions, refactoring e qualità.
08
Ship
Deploy, dominio e pubblicazione online.
Il programma
8 lezioni in diretta. Ogni sera un pezzo in più del progetto.
Settimana 1
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 2
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 3
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 4
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 5
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 6
API e integrazioni
Introduciamo le API: rendiamo la nostra web app accessibile anche da fuori, non solo dal browser.
Impariamo
- cos’è un’API
- endpoint
- GET
- POST
- JSON
- API key
- request/response
- async
- autenticazione delle chiamate
- error handling
- status code
- rate limit
- documentare un endpoint
Costruiamo
L’API della nostra app.
Endpoint
- lista movimenti
- creazione movimento
- modifica movimento
- eliminazione movimento
- riepilogo del mese
E intorno
- API key per utente
- permessi di lettura e scrittura
- rate limit
- test delle chiamate da un client esterno
Da qui i dati dell’app possono essere letti e scritti da un altro programma: è il primo passo verso le integrazioni.
OutputLa web app espone una propria API, con chiave e permessi.
Settimana 7
Da progetto a prodotto
Adesso rifiniamo l’app.
Impariamo
- import/export dati
- CSV
- gestione errori
- notifiche
- validazione
- UX
- sicurezza di base
- performance
- refactoring
- come chiedere all’AI di fare code review
- come individuare codice duplicato
- come evitare che l’AI rompa feature già funzionanti
Costruiamo
Possibili feature
- import CSV dei propri movimenti
- export CSV dei dati
- budget mensili per categoria
- transazioni ricorrenti: affitto, stipendio
OutputL’app comincia a sembrare un prodotto utilizzabile davvero.
Settimana 8
Deploy e pubblicazione
Ora la mettiamo veramente online.
Impariamo
- ambiente locale
- produzione
- build
- deploy
- hosting
- dominio
- DNS
- environment variables
- database produzione
- logging
- analytics
- error monitoring
- backup
- aggiornamenti
Costruiamo
- deploy dell’app
- collegamento dominio
- testing finale
Output finaleUna web app completa di finanza personale pubblicata online.
L’AI non è una feature dell’app. È il modo in cui la costruiamo.
Per tutte e otto le settimane, accanto al progetto, si impara a lavorare con un coding agent.
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.