Table of contents

Introduzione

Ho creato questo sito web principalmente per migliorare le mie competenze di sviluppo web. Volevo aumentare la mia conoscenza dello sviluppo web moderno usando framework e, dopo aver ricercato varie opzioni, ho deciso di usare il framework Astro. Uno dei motivi per cui ho scelto Astro è perché è costruito con JavaScript e TypeScript, e volevo anche usare questo progetto come un’opportunità per imparare di più su TypeScript. In definitiva, il mio obiettivo è costruire un sito web di qualità e imparare TypeScript lungo il percorso.

Astro.build

https://astro.build/ Il framework Astro è un framework di sviluppo web relativamente nuovo progettato per creare siti web ad alte prestazioni che si caricano rapidamente. Una delle caratteristiche chiave di Astro è l’uso del rendering lato server (SSR), che permette al framework di pre-renderizzare la maggior parte del contenuto del sito web sul server prima di inviarlo al client. Ciò significa che il sito web può caricarsi molto più velocemente perché il client non deve aspettare che il server generi il contenuto prima di visualizzarlo.

Finora mi è piaciuto lavorare con il framework Astro, poiché è stato molto facile da usare, anche per un principiante come me. Qualche anno fa, ebbi la stessa idea di creare un sito web e provai a usare il framework Hugo. Tuttavia, Hugo è basato su Go, il che ha reso il lavoro molto più impegnativo, specialmente poiché all’epoca non avevo esperienza con Go. Dato che sono interessato a imparare JavaScript, ho scoperto che Astro era un’opzione molto migliore per me. È stato un ottimo modo per imparare il linguaggio mentre costruivo il mio sito web.

E ora?

Sono riuscito a far funzionare la funzionalità di base del mio sito web. Inizialmente, ho usato il modello di sito web astro-paper, che è stato molto utile. Tuttavia, dopo circa una settimana di lavoro sul sito, il framework Astro ha rilasciato la versione 2.0, che includeva alcune nuove interessanti funzionalità che volevo incorporare. Ho apportato alcune modifiche al modello per includere le nuove funzionalità, ma non capivo completamente come tutto funzionasse. Di conseguenza, ho deliberatamente rotto la maggior parte e ho iniziato a ricostruire la sezione del blog da zero. Sebbene il blog sia ora funzionante, ci sono ancora alcune funzionalità rotte che devo sistemare. Nonostante queste sfide, sto scoprendo che sto imparando molto attraverso questo processo, il che è fantastico.

Lista delle cose da fare

Ci sono ancora alcune cose che devo fare per migliorare il sito web prima di esserne completamente soddisfatto. Spero di poter completare queste attività rapidamente, in modo da poter passare ad altri progetti oltre la semplice costruzione di un sito web base.

• Sistemare la pagina principale del sito web.
• Aggiungere contenuti alla pagina “Chi sono”.
• Sistemare la funzione di ricerca per i post del blog.
• Rimuovere tutte le menzioni di “Tags”.
• Aggiungere una funzione “nuvola di categorie”.
• Creare una pagina delle categorie adeguata.
• Aggiungere il supporto per più lingue.
• Migliorare lo stile CSS.
• Migliorare il contenuto generale del sito web.