Salta al contenuto
In produzione

Portfolio — questo sito

Il sito che stai guardando: portfolio full-stack con CMS headless proprio e una scena 3D nell'hero costruita a mano, non un template.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Sanity CMS
  • React Three Fiber
  • Netlify
Portfolio — questo sito

Il sito che stai guardando in questo momento è a sua volta un case study: un portfolio costruito da zero, senza template, con un CMS headless proprio per gestire i contenuti senza toccare il codice, e una scena 3D nell'hero costruita a mano invece di un asset scaricato.

Il problema

Un redesign completo del portfolio precedente, con un vincolo preciso: doveva servire sia per candidature come sviluppatore sia come vetrina per procacciare clienti freelance, senza sembrare né un tema WordPress riadattato né un sito "wow" ma vuoto di contenuto tecnico reale. Ogni case study doveva poter raccontare architetture diverse (RAG con pgvector, app Flutter, motori di regole, estensioni ORM) senza forzarle in un template a sezioni fisse identiche.

Cosa fa

  • Una scena 3D fatta a mano nell'hero, non un template scaricato: il primo colpo d'occhio racconta già di cosa si occupa chi l'ha costruito.
  • Una modalità "Esplora in 3D": un modo alternativo e giocoso di navigare il sito guidando un piccolo veicolo tra le sezioni.
  • CMS proprio: ogni progetto, testo e immagine si aggiorna in autonomia, senza toccare una riga di codice.
  • Performance al massimo: 100/100 su Lighthouse — velocità, accessibilità, best practice e SEO — su ogni pagina.
  • Sito completamente bilingue (italiano/inglese), con ogni pagina e ogni caso studio tradotti, non solo il menu.
  • Modulo di contatto sempre funzionante e raggiungibile, senza rallentare il resto del sito.

Architettura, stack tecnico e i problemi ingegneristici reali affrontati lungo il percorso.