Blog post
First post
Published September 17, 2024
Last updated November 14, 2024
This website has now successfully replaced the old one. So, I figured I’d go through some of the technical details and future plans.
Features of this site
Unlike my previous site, I now don’t have to manually manage content with clunky JavaScript scripts. Instead it is all automatically generated and handled with Astro, which is a lot nicer.
It is organized similarly to the previous one, but with a lot more filtering and the like. This blog section in particular is a lot more advanced than the previous one, supporting tag filtering, post recommendations and more!
How was this built?
I spent about a month or so during summer break setting it up, finishing it after a hiatus in september. The site was built with Astro.js and Solid.js, which I have only recently learnt how to use.
Astro.js is a highly performant framework for building primarily static sites, that nicely couples with Markdown amongst other things.
Solid.js is a component framework very similar to others like React, and ties in well with Astro.
Me choosing these frameworks was mostly pure coincidence, as I had heard about them in passing remarks on YouTube. I initially started learning Astro a couple months ago while working on another project (Slumper), and decided to keep using it to build my portfolio with.
The site itself is automatically deployed from GitHub onto Netlify, and uses Umami for analytics. Additionally, it uses Giscus for comments, which is a nifty little tool that uses GitHub discussions to host comments.
Will the old one be archived?
Unfortunately not publicly, as I don’t want to confuse any future visitors.
Future plans
I’m currently working on making an open source version of this website. Essentially a template without my own assets and personalization. When that will be, I’m not sure: currently I’m yet again quite busy with my computer science studies.
If you feel like it, you can visit my about me page and tip me some money for the maintenance of this site and my other projects! :)
// Embracket