About This Site

Here’s a quick technical rundown of this site for those interested.

Astro + Svelte

This is a static site generated with Astro, which does a great job at generating the static distributables out of pretty much any popular UI framework. In my case, I used Svelte 5 (yes, with runes), but it’s possible to use anything from React to Vue with excellent SSR or SSG results.

Since it’s static, hosting and deployment are very straightforward and it does progressive enhancement really well. Feel free to disable JavaScript and things will still work fine.

It’s very responsive too, both on a desktop with a mouse and on touchscreens.

MDX

For the posts, I added Astro’s MDX integration. It makes it possible to simply create markdown files that then get converted into standard HTML pages at build time. Thanks to Astro’s page router, it gets routed automatically at the right path. Also used Tailwind’s typography plugin to style the entire markdown with a few CSS classes. Very convenient compared to writing out all the h tags one by one.

Godot

For the games section (which is still in progress), I will use Godot’s web builds to have browser-native games. Using almost exclusively Godot 4 for making games since it’s an all around amazing tool.

Other Stuff

Used Google’s material symbols for icons, Swiper for the tools carousel, Tailwind for most of the CSS, TypeScript for pretty much everything. And clsx to make Tailwind actually usable.