Come creare un'app senza saper programmare? Il modo più rapido è descriverla a un'AI: spieghi chi la usa, quali schermate servono e quali regole deve seguire, provi il risultato in un'anteprima dal vivo e lo correggi con messaggi brevi finché non funziona. Poi la metti online e condividi il link. Ti serve un'idea chiara, non il codice. Qui sotto trovi tutti i passaggi con un esempio concreto: un'app per prenotare i campi di un circolo di padel, costruita con VibeDream.
Web app o app nativa?
La prima scelta è questa. Un'app nativa si scarica dall'App Store o da Google Play. Una web app si apre da un link nel browser, sul telefono come sul computer. Le app native possono usare più funzioni del telefono, ma richiedono la revisione degli store, versioni separate per iOS e Android e molto più lavoro.
- Web app: la condividi subito con un link e non passa da nessuna revisione.
- App nativa: ha l'icona nello store e accede a più funzioni del dispositivo, ma servono account sviluppatore, tempi di revisione e un budget più alto.
Per prenotazioni, moduli, elenchi, calcolatori o piccoli strumenti di lavoro una web app basta quasi sempre. VibeDream crea web app e giochi per browser, non app native per gli store. Il confronto completo, in inglese, è in web app vs native app.
Riduci l'idea alla prima versione
Scrivi l'idea in una frase: questa app aiuta [chi] a fare [una cosa] senza [il problema di oggi]. Nel nostro caso: aiuta i soci del circolo a prenotare un campo senza telefonare in segreteria. Poi elenca tutto quello che immagini e tieni solo da tre a cinque funzioni.
- Da tenere: l'elenco dei campi, un calendario con gli orari liberi, la prenotazione con nome e telefono, una pagina riservata alla segreteria.
- Per dopo: pagamenti online, abbonamenti, classifiche dei tornei, notifiche.
Poi passa alle schermate e ai dati:
- Disegna le schermate su un foglio. Da tre a cinque schermate vanno benissimo per iniziare.
- Scrivi quali dati salva l'app: campi, prenotazioni, soci, ognuno con pochi campi.
Come creare un'app con l'AI, passo dopo passo
Trasforma gli appunti in un unico messaggio. Su VibeDream clicca New Project, scegli Direct Prompt e incolla il testo, oppure dettalo con il microfono. L'interfaccia per ora è in inglese, ma i prompt puoi scriverli in italiano.
Crea una web app per prenotare i campi del circolo "Padel Navigli" di Milano.
Schermate: Campi (Campo 1, Campo 2 e Campo 3 coperto), Prenota (calendario con le fasce libere da 90 minuti, dalle 8 alle 23), Conferma con il riepilogo e una pagina /segreteria protetta da password con tutte le prenotazioni del giorno.
Salva nome, telefono, campo, data e ora.
Una fascia oraria già prenotata non deve essere più selezionabile.
Stile: sportivo e pulito, sfondo bianco, dettagli verde acido, pulsanti grandi, pensato prima per il telefono.
Tutti i testi in italiano.L'anteprima compare accanto alla chat e si riempie mentre l'AI lavora. Poi provala con casi di cui conosci il risultato: prenota il Campo 2 sabato alle 10 e prova a prenotarlo di nuovo alla stessa ora. Se l'app te lo lascia fare, hai trovato la prima correzione.
Invia le correzioni una alla volta e controlla ognuna prima della successiva:
- "Il Campo 2 sabato alle 10 si può prenotare due volte. Se una fascia è occupata, mostrala grigia e non cliccabile."
- "Sul telefono metti il pulsante Prenota fisso in fondo allo schermo."
- "Nella conferma mostra la data nel formato 14/11/2026 e l'orario di fine partita."
- "In /segreteria ordina le prenotazioni per orario, la più vicina in alto."
Se compare un messaggio di errore, copialo nella chat e scrivi quando succede. Altri esempi di buoni prompt di correzione sono nella guida in inglese How to build an app with AI. Se preferisci partire da una base pronta, usa il template Blank Starter, con frontend React e backend FastAPI già collegati.
Dati salvati e login
Un'app si distingue da un sito soprattutto perché ricorda le cose e sa chi la sta usando. Su VibeDream chiedi entrambe le cose a parole, per esempio: "La segreteria entra con email e password prima di vedere /segreteria." L'AI lo scrive nel backend della tua app. Puoi anche toccare Add login o Add database sotto la chat: VibeDream attiva l'accesso con email e password e il salvataggio dei dati, senza chiavi da copiare.
Le chiavi segrete, come quella di un servizio per inviare SMS, non vanno mai nella chat né nel codice: inseriscile nella scheda Settings del progetto. Se l'app raccoglie nomi e numeri di telefono, pubblica anche un'informativa sulla privacy conforme al GDPR. Per accettare pagamenti colleghi il tuo account Stripe.
Pubblicare l'app
Clicca Put it online, scegli un nome e conferma. In genere bastano da 1 a 3 minuti perché l'app sia online a un indirizzo come padelnavigli.vibedreams.ai, con HTTPS attivo. Ogni pubblicazione o aggiornamento costa 5 crediti e l'hosting è incluso. La versione online cambia solo quando premi Update it, quindi puoi continuare a sperimentare nell'anteprima senza disturbare chi sta prenotando.
Per usare un tuo dominio, come prenota.padelnavigli.it, aggiungi un record TXT e un record CNAME dal tuo registrar. Il certificato HTTPS arriva in automatico. La guida alla pubblicazione, in inglese, mostra ogni passaggio. Il codice resta tuo: puoi scaricarlo in ZIP o sincronizzarlo con il tuo repository GitHub quando vuoi.
Quanto costa creare un'app
Su VibeDream paghi un piano mensile con crediti. All Access Mini costa 49 dollari al mese, con 60 crediti e fino a 3 progetti attivi. All Access costa 97 dollari al mese, con 150 crediti e fino a 5 progetti attivi. I crediti si consumano a ogni messaggio e le modifiche più grandi ne usano di più, quindi richieste brevi e precise rendono di più. I prezzi aggiornati sono nella pagina dei prezzi. Se vuoi capire meglio le scelte di fondo, leggi anche How to build an app.