Secondo Sito Web Personale

Writing date: 21 mar 2022

#SVELTEKIT#TAILWINDCSS#GRAPHCMS

Secondo Sito Web Personale

Descrizione

Questo è stato il mio secondo sito web personale che ho creato. Ne ero così orgoglioso che è diventato il mio sito principale da circa 2 settimane dalla stesura di questa pagina del progetto.

Volevo creare qualcosa di bello, minimalista, ma funzionale e diverso dal precedente. Ho aggiunto alcune pagine che non erano presenti nel precedente, ho incluso un interruttore manuale per la modalità chiara e scura, ho aggiunto molti contenuti che descriverò nel paragrafo successivo.

Homepage

Tecnologie

Ho utilizzato diverse tecnologie in questo progetto, ma le principali sono:

Nome Motivazione
SvelteKit Il mio framework preferito e quello che conosco meglio
TailwindCSS L’ho usato in passato e mi sono abituato ad esso. Mi piace molto anche
GraphCMS Volevo provare un CMS headless e ho trovato questo. È molto facile da usare e ha molte funzionalità. È un po’ strano da configurare ma è molto potente

Funzionalità

Ho voluto aggiungere molte funzionalità a questo sito web, e l’ho fatto. Ho aggiunto:

Articoli e Progetti

Ho utilizzato GraphCMS per scrivere articoli e avere una specie di blog. C’era una pagina dedicata e un sistema di gestione dei tag implementato in SvelteKit, che filtrava i contenuti in base al tag cliccato. Articoli

Ho usato la stessa struttura per mostrare progetti. Ho aggiunto un sistema di filtraggio per mostrare solo i progetti che volevo mostrare utilizzando i tag.

Progetti

Appunti

Avevo in mente una pagina per caricare i miei Appunti Universitari, dato che ho iniziato a prendere appunti con il computer, ma non ho mai avuto il tempo di farlo. Forse in futuro?

Appunti

Pagina del Curriculum

Ho aggiunto una pagina del curriculum che aveva una timeline mostrando ogni traguardo che ho raggiunto nella mia vita. Era abbastanza carina ma non così facile da gestire e mantenere..

Curriculum

Conclusione

Nel complesso, il progetto è stato molto disordinato e difficile da mantenere. Ho dovuto scrivere molto codice per gestire il filtraggio e il sistema di tag. Ho anche dovuto scrivere molto codice per gestire Tailwind, perché ho deciso di aggiungerlo in seguito.

Tuttavia, ne ero molto orgoglioso e l’ho utilizzato per molto tempo. Ho anche imparato molte cose, come utilizzare un CMS headless, come utilizzare TailwindCSS e come gestire molte pagine in SvelteKit.

Ora, se vuoi vedere il codice, puoi trovarlo qui:

Daniele Avolio © 2024