Home

hollos.dev

AstroSanity CMSView Transitions APITailwind CSSReact

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:

Screenshot of my portfolio's PageSpeed Insights
Screenshot of my PageSpeed Insights

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.