Pubblicala: dal tuo schermo al mondo
Pubblicala: dal tuo schermo al mondo
Ecco una dura verità: una pagina che esiste solo sul tuo computer non è pubblicata. Nessuno può vederla, nessuno può usarla e nessuno può dirti che è fantastica. Pubblicare significa una cosa sola — un URL che chiunque nel mondo può aprire. È la linea che separa "sto imparando a programmare" da "ho costruito qualcosa".
La buona notizia? Ottenere un URL ormai è la parte facile. I servizi gratuiti lo fanno in pochi secondi:
- Netlify Drop — apri il sito, trascini il tuo file HTML sulla pagina, ottieni un URL live. Il processo è tutto qui.
- Vercel — colleghi una cartella o un repo GitHub, clicchi deploy, fatto. (Questa stessa academy ci gira sopra.)
E se mai ti blocchi? Sei un vibe coder — chiedi all'IA. "Guidami passo passo nel deploy di questo file HTML su Netlify" funziona a meraviglia. Il deployment era la parte spaventosa del coding. Ora è una conversazione.
Ma prima di trascinare quel file da qualche parte, c'è una differenza tra una pagina che funziona e una pagina pronta al lancio. I siti veri hanno tocchi professionali: un titolo vero nella scheda del browser, una descrizione che i motori di ricerca e le anteprime dei link possono mostrare, i tag social perché il tuo link faccia bella figura quando qualcuno lo condivide su WhatsApp o X, e un footer che dice "questo l'ha fatto una persona vera — ecco, condividilo". In questa lezione finale prenderai la tua Bacheca delle Idee del Modulo 4 e le darai esattamente questi tocchi.
Cosa ti aspetta sul percorso
Questa è l'ultima lezione di Vibe Coding Fundamentals — ma è il primo passo del percorso Zero to Hero. Da qui incontrerai Claude Code nel browser (un'IA che costruisce interi progetti partendo da una conversazione), poi installerai lo strumento vero e proprio sulla tua macchina, e infine costruirai il tuo agente IA. Ora sai come è fatto il web. È il momento di costruirne molto di più.
Pubblichiamola.
Istruzioni
Dai alla tua pagina un <title> vero — sostituisci "Untitled" con un nome degno della scheda del browser. È la prima cosa che mostrano i motori di ricerca e i segnalibri.
Suggerimento: Trova `<title>Untitled</title>` nell'<head> e cambialo in qualcosa come `<title>Idea Board — Never Lose a Spark</title>`. Almeno qualche carattere — rendilo tuo.
Aggiungi un tag <meta name="description"> nell'<head> — una frase che dice ai motori di ricerca (e agli umani curiosi) cosa fa la tua app.
Aggiungi i tag Open Graph — <meta property="og:title"> e <meta property="og:description">. Controllano l'aspetto del tuo link quando viene condiviso su WhatsApp, X o LinkedIn.
Aggiungi un <footer> in fondo alla scheda con un credito "Built with vibes" e un <a id="share-link"> — ogni prodotto pubblicato firma il proprio lavoro.
Il tuo codice
Descrivi ciò che vuoi creare per questo passaggio e scriverò il codice — poi clicca su Applica per inserirlo nel tuo editor. Questo passaggio: Dai alla tua pagina un <title> vero — sostituisci "Untitled" con un nome degno della scheda del browser. È la prima cosa che mostrano i motori di ricerca e i segnalibri.