Ciao sono William Bardon, sviluppatore web che vive in Lombardia e che non ama troppo il lavoro da remoto (sono strano...). In questo blog parlo di: tutorial da zero sulle tecnologie web frontend, scelte di stack per siti veri e AI applicata al codice. Scrivo di Next.js, React e Sanity, lo stack con cui lavoro ogni giorno, anche se ultimamente sto approcciando anche Vue.
Tutto il mio sito passa da Sanity. Perché l'ho scelto (GROQ, schema in codice, integrazione con Next), cosa cambia con un'AI che conosce lo schema e come si confronta con WordPress, Strapi, Payload e Contentful.
La versione scritta del tutorial video: costruisci il gioco Guess the Number con HTML, CSS e JavaScript puro. Selettori, input, if/else e feedback in pagina — niente framework, solo il browser.
La Generative UI ribalta il paradigma dei chatbot: l’AI non genera testo, ma sceglie e parametrizza componenti React pre-costruiti, tipizzati e coerenti con il design system. In questo articolo la teoria, l’architettura (tool, Zod, streaming) e tre demo pratiche — fino a Generative Adventure, un gioco di ruolo testuale interamente orchestrato dall’AI.
La versione scritta del mio video: in quindici minuti vediamo il JSX, come creare il tuo primo componente, le props, e le due Hook fondamentali — useState e useEffect — con il Virtual DOM che le rende possibili. Alla fine avrai anche un progetto da mettere nel portfolio.
Il paradigma del web sta cambiando. La GEO (Generative Engine Optimization) e la Navigazione Agentica di Google ridefiniscono come i siti vengono trovati, letti e usati — non più solo dagli umani, ma dagli agenti IA.
Una lista di ciò che io preferisco controllare quando un AGENT scrive in Next, spesso noto che certi passaggi vengono persi, per questo mi sono segnato questi 10 punti di controllo a cui preferisco sempre prestare una particolare attenzione.
Lavoro quasi sempre con lo stesso stack: Next.js con App Router e TypeScript per il frontend, Tailwind per lo stile, Sanity come CMS headless quando chi gestisce il sito deve aggiornare i contenuti da solo. È lo stack che mi permette di consegnare siti veloci, facili da mantenere e misurabili, e lo stesso con cui è fatto il sito che stai leggendo.
Gli articoli nascono dal lavoro di tutti i giorni: problemi incontrati sui progetti, scelte di stack da motivare a un cliente, domande che mi arrivano sul mio canale YouTube. Quando un argomento ha anche un video, l'articolo ne è la versione scritta, con il codice e i passaggi in ordine.
Prima di lavorare in proprio sono stato Web Project Engineer Frontend: seguivo la produzione software dalla relazione con il cliente alla scelta delle tecnologie, fino a sviluppo, test e rilascio. Per questo negli articoli trovi soprattutto scelte e compromessi, non solo sintassi.
Domande frequenti
Da HTML, CSS e JavaScript puro, senza framework: nel tutorial Guess the Number costruisci un gioco completo e capisci come il browser legge una pagina. Quando selettori, eventi e if/else ti sono chiari passa a React da zero, dove in un quarto d'ora vediamo JSX, componenti, props, useState e useEffect.
React è la libreria con cui costruisci l'interfaccia; Next.js è il framework che ci aggiunge routing, rendering sul server e ottimizzazioni per immagini, font e SEO. Per imparare parto da React con Vite, come nel tutorial. Per un sito o un blog che deve farsi trovare su Google uso Next.js.
Perché con Sanity i contenuti sono strutturati e lo schema è scritto in codice, versionato insieme al sito. Con GROQ ogni pagina chiede esattamente i dati che le servono, e chi gestisce il sito modifica testi e immagini dallo Studio senza toccare il codice. Nell'articolo su Sanity lo confronto con WordPress, Strapi, Payload e Contentful.
Sì, e lo faccio, ma va controllato. Gli agenti AI tendono a saltare passaggi su cache, sicurezza e performance: per questo ho una lista di 10 controlli che ripasso su ogni progetto in vibe coding, con le regole da dare all'AI in Cursor e Claude Code.
GEO sta per Generative Engine Optimization: rendere i contenuti facili da trovare, leggere e citare per i motori AI. Le basi sono quelle della SEO tecnica (HTML leggibile anche senza JavaScript, dati strutturati, testi chiari), quindi servono anche a un sito piccolo. Le spiego nell'articolo sulla GEO e la Navigazione Agentica.
È un'interfaccia in cui l'AI non risponde con del testo ma sceglie e configura componenti React già pronti, tipizzati e coerenti con il design system. Nell'articolo sulla Generative UI trovi l'architettura (tool, schemi Zod, streaming con Vercel AI SDK) e tre demo pratiche.
Sì: siti, landing page e web app in Next.js, dal design in Figma al deploy. Se ti serve aggiornare i contenuti da solo aggiungo Sanity, così modifichi testi e immagini senza toccare il codice. Scrivimi a william.bardon.dev@gmail.com e ne parliamo.
Si, principalmente in collaborazione con backend e dev ops, io mi occupo principalmente di lavorare su UX/UI e la parte frontend, ma adoro lavorare in team e uscire dalla mia bolla, ne parlo anche in questo video Youtube
Hai un progetto da sviluppare? Parliamone...