The full sourcecode for my personal website.
(currently) written in Astro and UnoCSS, deployed to Vercel.
This website is a representation of technologies I'm playing with. Here is a list of technologies that have powered this site before:
At the moment, this website is hosted on Vercel. The DNS is controlled by CloudFlare.
The website was previously hosted on Google Cloud Storage as a static folder in a public bucket. Then I transitioned to Firebase, since it was easier to manage, cheaper and you get some handy features like preview deploys and such.
Currently, it's deployed as a static Vercel website using the Astro Vercel adapter. Vercel offers some features I love, like analytics, web vitals info, feature and preview deploys.
To install and manage dependencies, I use PNPM.
# for development
pnpm dev
# for local preview
pnpm build && pnpm previewThe base of the website uses Astro to generate and build the (static) site.
At the moment, the UI of the website is built and generated using Astro. Astro is an amazing technology to generate static sites (but also supports SSR). If you want to know more about it, feel free to read their documentation.
Most of my templates are written in pure Astro, since I don't need to much interactivity. Components that do require interactivity, are written in vanilla JS.
To define the style of the website, UnoCSS, with some presets are used. You can read more about my transition and use here.