IA per tutti

Tutorial

Dyad: crea siti web e app con AI gratis senza limiti

Dyad è un innovativo software di vibe coding che consente di sviluppare siti web e app in locale attraverso prompt, gratuitamente e senza restrizioni.

di Andrea Fantucchio

Testo "AI segreta crea app gratis in locale" accanto a Francesco Fantucchio di IA per tutti che ha realizzato un tutorial su Dyad sh per creare app e siti senza limiti sul tuo pc.

Dyad è uno strumento di intelligenza artificiale per lo sviluppo di app e siti web semplicemente chattando. A differenza di altre soluzioni cloud come Lovable o Firebase Studio di Google, questo software open source ti permette di lavorare in locale sul tuo computer, senza limitazioni e a costo zero. Vediamo come sfruttare al massimo questo strumento di vibe coding.

Cos’è Dyad e perché dovresti utilizzarlo

Dyad è un software che consente di creare rapidamente siti web e applicazioni attraverso il “vibe coding”: basta descrivere cosa vuoi realizzare e l’AI genera il codice completo. I principali vantaggi sono:

  • Gratuito e open source: sviluppato da un ex ingegnere Google
  • Funzionamento in locale: maggiore velocità e privacy dei dati
  • Supporto per diversi modelli AI attraverso api: Gemini (con limitazioni gratuite), OpenRouter/DeepSeek v3 (gratis e senza limiti) e OpenAI
  • Interfaccia intuitiva: possibilità di vedere immediatamente il risultato e di modificarlo in tempo reale

Il software è già supportato da una community attiva che contribuisce al suo miglioramento continuo.

Come usare Dyad: tutorial completo

Come installare Dyad sul tuo computer

  1. Vai sul sito ufficiale di Dyad
  2. Scorri fino alla sezione download e seleziona la piattaforma del tuo dispositivo
  3. Clicca su “Download” (Nota: potrebbe essere necessario bypassare gli avvisi di sicurezza dell’antivirus)
  4. Su Windows:
    • Quando compare l’avviso che il file può essere pericoloso, clicca sui tre pallini in alto a destra
    • Seleziona “Mantieni” → “Mostra dettagli” → “Conserva comunque”
    • All’avvio, quando Windows Defender blocca l’esecuzione, clicca su “Ulteriori informazioni” e poi “Esegui comunque”
  5. Installa Node.js (richiesto da Dyad):
    • Nella schermata principale di Dyad, vai nella prima tab e clicca su “Install Node.js runtime”
    • Segui la procedura di installazione standard, assicurandoti di selezionare tutte le caselle opzionali
    • Al termine dell’installazione, chiudi e riapri Dyad

Configurare i modelli AI in Dyad

Configurazione di Google Gemini (gratuita ma con limiti)

  1. Vai su aistudio.google.com
  2. Clicca in alto a destra su “Get API Key”
  3. Seleziona “Crea chiave API”
  4. Scegli il progetto “Gemini API” (verrà creato automaticamente se non esiste)
  5. Copia la chiave API generata
  6. In Dyad, clicca su “Setup Google Gemini API Key”
  7. Incolla la chiave e salva

Nota sui limiti: con Gemini 2.5 Pro gratuito hai a disposizione 5 richieste al minuto fino a un massimo di 25 richieste al giorno.

Configurazione di DeepSeek (senza limiti)

  1. Vai su openrouter.ai
  2. Clicca in alto a destra su “Sign In” e accedi con il metodo preferito
  3. Clicca su “Keys” e poi “Create Key”
  4. Dai un nome alla chiave (es. “Dyad”)
  5. Copia la chiave generata
  6. In Dyad, vai su “Settings” → “Open Router”
  7. Incolla la chiave e salva

Pro: nessun limite di utilizzo 

Contro: più lento di Gemini e risultati qualitativamente inferiori

Configurazione di OpenAI (a pagamento)

  1. Vai su platform.openai.com
  2. Clicca su “Dashboard” e poi su “API Keys” nella barra laterale
  3. Seleziona “Create new secret API”
  4. Dai un nome alla chiave (es. “Dyad”)
  5. Copia la chiave generata
  6. In Dyad, vai su “Settings” → “OpenAI”
  7. Incolla la chiave e salva

Pro: risultati di alta qualità con GPT-4.1 

Contro: costo di circa $0,03 per chiamata, variabile in base alla complessità

Creare il tuo primo sito web con Dyad

Ecco un prompt efficace per iniziare:

prompt

Sei un assistente esperto in sviluppo web. Genera il codice completo per una semplice landing page per un negozio di alimentari locale chiamato “Fresco e Bio”.

La landing page deve contenere:
– Un’intestazione con il logo
– Una sezione introduttiva con un messaggio di benvenuto
– Una sezione con tre categorie di prodotti
– Una sezione “Chi siamo” che parli dell’attenzione alla qualità e al legame col territorio
– Un modulo contatti base
– Un footer con orari di apertura

Fa in modo che il design sia semplice, moderno e facilmente leggibile. Il layout deve essere responsive.

Utilizza questa immagine nella landing page: [LINK IMMAGINE]

Per inserire immagini nel tuo sito:

  1. Vai su Pixabay.com o un altro sito di immagini gratuite
  2. Trova un’immagine adatta e disponibile gratuitamente
  3. Fai clic destro sull’immagine e seleziona “Copia collegamento immagine”
  4. Incolla il link nel prompt dove indicato

Come modificare un sito

Una volta generato il sito, puoi facilmente:

  1. Apportare modifiche tramite chat: basta descrivere le modifiche desiderate
    • Esempio: “Utilizza come colore dominante il blu, ma non utilizzare un colore troppo intenso”
    • Esempio: “Cambia l’indirizzo nel footer con questo indirizzo: Via Benzo 16, 83100 Avellino AV, Italia”
  2. Aggiungere nuove pagine:
    • Esempio: “Aggiungi un link nel menu alla pagina Chi siamo e in quella pagina inserisci questo testo: [TESTO]”
  3. Visualizzare il codice generato: cliccando sull’apposito pulsante
  4. Testare la navigazione: puoi visualizzare il sito nel tuo browser cliccando sull’icona apposita accanto alla barra degli indirizzi
  5. Correggere errori: in caso di problemi nella generazione del codice, apparirà un pulsante per correggere l’errore

Limiti attuali e considerazioni finali

Dyad presenta ancora alcune limitazioni da tenere in considerazione:

  • Pubblicazione non automatizzata: a differenza di V0, non c’è un sistema integrato per mettere online il sito; dovrai caricare i file su un hosting e configurare un dominio
  • Strumento per prototipi: al momento è ideale per creare rapidamente prototipi funzionanti
  • Generazione di immagini limitata: non genera immagini né le cerca autonomamente sul web

Come funziona Dyad in breve

  • Dyad è uno strumento gratuito di vibe coding che funziona in locale
  • Puoi scegliere tra modelli gratuiti con limiti (Gemini) o senza limiti (DipStic via OpenRouter)
  • Processo semplice: installa → configura l’API → scrivi il prompt → ottieni il sito
  • Vantaggi principali: velocità, privacy, nessun costo, interfaccia intuitiva
  • Casi d’uso ideali: prototipi di siti web, landing page, piccole web app
  • Comunità attiva che contribuisce al miglioramento costante

Per approfondire l’utilizzo di Dyad e di altri strumenti AI, ti invitiamo a scoprire l’Avamposto dei Pionieri, la nostra scuola di intelligenza artificiale con 16 corsi sulle migliori AI, oltre 650 prompt pronti all’uso e una community di più di 350 professionisti pronti a supportarti. Clicca sull’immagine in basso per scoprire tutti i contenuti.