Portfolio Personale

Il mio portfolio realizzato con Next.js e Contentlayer (poi Sanity)

Next.js
React
TypeScript
TailwindCSS
Shadcn
Contentlayer
Portfolio Personale

Questo è il mio portfolio personale, realizzato utilizzando le più moderne tecnologie web nello specifico Next.js, React, TypeScript, TailwindCSS, Shadcn e Sanity CMS. Il deisgn si ispira a quello di @joshwcomeau e @brittanychiang. L'obiettivo è quello di creare un portfolio che sia semplice da usare, veloce e responsive ma anche in linea con il coding.

Caratteristiche principali

  • Design responsive
  • Gestione dei contenuti con Sanity CMS
  • Blog integrato
  • Sezione progetti
  • Dark mode

Aggiornamento: Migrazione a Sanity

Il progetto è stato recentemente migrato da ContentLayer a Sanity CMS. Questa transizione ha portato numerosi vantaggi: un'interfaccia di gestione contenuti più intuitiva, maggiore flessibilità nella struttura dei dati, supporto nativo per le immagini ottimizzate, e la possibilità di gestire i contenuti in modo collaborativo con un CMS headless di livello enterprise.

Lancio iniziale

Dicembre 2024

Portfolio realizzato con Next.js e ContentLayer per la gestione dei contenuti in formato MDX

Migrazione a Sanity

Gennaio 2026

Transizione completa a Sanity CMS per una gestione dei contenuti più professionale e scalabile

Ho pensato al mio sito personale come un modo alternativo di fruire un sito web come se fosse un’app per sviluppatori. Ho pensato di sostiuire il classico header con una sidebar laterale delle icone al fine di trasformare l’esperienza in una navigazione di un tool dedicato. Ho introdotto molte funzionalità per la UX tra cui l’apertura/chiusura manuale tramite pin del menù, la chiusura in automatico quando si scorre per facilitare la lettura (e la conseguente riapertura in caso di scroll verso l’alto). Una struttura organizzata mi ha permesso di mettere insieme un sito web vetrina con due pagine per il contenuto dinamico (Archivio progetti e blog). Ho volutamente inserito per la parte legata alla presentazione personale inserti di codice volti a spiegare in modo semplificato il mio lavoro.

Grazie per aver visionato questo progetto