Skip to content

Portfolio

2022

È un sito web statico che presenta la mia esperienza e il mio lavoro, costruito per essere performante e responsivo.

Le sue caratteristiche sono:

  1. Performance elevate
  2. Layout responsivo
  3. Accessibilità
  4. SEO
  5. Tema chiaro e scuro
  6. Lingue (Inglese + Italiano)

Obiettivo

L’obiettivo è costruire un sito che presenti le mie competenze e i progetti a cui ho lavorato. Deve essere accessibile su qualunque dispositivo da una platea nazionale e internazionale.

Il progetto deve essere semplice da mantenere; aggiungere nuovi contenuti dovrebbe richiedere un minimo sforzo.

Risorse

L’intento è di selezionare delle tecnologie che mi aiutino a raggiungere l’obiettivo in un lasso di tempo ragionevole.

Ho optato per un Generatore di Siti Statici (SSG) dato che il sito non richiede aggiornamenti frequenti. Ho originariamente selezionato Hugo come generatore, ma l’ho sostituito in secondo luogo con Astro per facilitare lo sviluppo. Il cambiamento ha avuto un costo, ma gli strumenti di sviluppo e la qualità finale offerti hanno compensato la decisione. Questo significa che potrò integrare un framework front-end per aggiungere reattività al sito web.

Ho selezionato TailwindCSS per scrivere e mantenere gli stili. È ufficialmente supportato da Astro, il che ne semplifica l’adozione. Ho scelto il set di icone Lucide e il font IBM Plex Serif.

Fare in modo di non commettere errori grossolani durante lo sviluppo non è semplice. Ho utilizzato TypeScript e un’automazione CI/CD per controllare la consistenza del codice.

Tempistica

I principali passaggi che ho intrapreso sono:

  1. Design
  2. Sviluppo
  3. Redazione
  4. Lancio

L’intero processo ha richiesto due settimane di lavoro.

Risultato

Il prodotto finale di questo progetto è questo stesso sito. In fondo alla pagina sono presenti i collegamenti al codice sorgente, dove si può osservare il funzionamento dietro le quinte.

Conclusioni

Un sito personale è un’importante occasione per dimostrare le proprie abilità. Rende se stessi a portata di motore di ricerca, costruendo relazioni con potenziali futuri collaboratori. Lo definirei quasi l’evoluzione del proprio biglietto da visita!

Guarda il progetto su: