My portfolio website provides links to some of my personal projects. It is built with Astro, alongside Sanity CMS for the content. Each project is a document within Sanity, allowing me to update stuff seamlessly.
Astro was chosen mainly due to its' performance benefits:
Also, I was able to make the smooth page transitions using Astro's in-built transitions API .
Tailwind made implementing a theme toggle functionality super simple. All we have to do is prefix any dark mode classes with dark:
, for example dark:bg-indigo-950
. If the user has changed their theme using the theme toggle in the header, this gets stored in localStorage
for later. Otherwise, it uses the users' system preference.
I have started a small blog focused around front end development too . This is only small at the moment, but I plan on updating it regularly. It features interactive code blocks, allowing the user to copy the entire blocks of code. This is done easily thanks to Astro being framework-agnostic, allowing me to use React for various components.