Costruire questo sito

Questo è il primo articolo del sito. Il portfolio che stai leggendo è costruito con Next.js 15, Three.js e Tailwind CSS 4. La scena hero è una wireframe city renderizzata con Three.js imperativo (stile R3F), la sezione Lab fa girare tre micro-strumenti dal vivo (3D viewer, code playground, shader GLSL), e la sezione contatti è un terminale completamente interattivo.

Perché questo approccio

Volevo che il sito stesso fosse un pezzo del portfolio, non solo un contenitore. Ogni sezione dimostra una capacità diversa: l'hero è arte 3D guidata dal codice, la sezione lab esegue scene Three.js e shader veri, il terminale è JavaScript puro con parsing dei comandi custom.

Stack

• Frontend: React 19, Next.js 15 App Router, TypeScript strict, Tailwind 4
• 3D: Three.js, shader GLSL custom
• i18n: next-intl con rotte /en e /it
• Hosting: Vercel con auto-deploy da GitHub

Prossimi passi

Altri case study, altri esperimenti, e probabilmente un articolo sul workflow archviz in Three.js.