Skip to content
VueJSNuxtGSAPTailwindTypeScriptGit

Portfolio Refresh

Rebuilding my website with modern tech.

year
2025
Rebuilding my website with modern tech.

Overview

For years I'd been running my personal site on Wordpress. Hosted on Dreamhost meant that everything (PHP, Wordpress, plugins & themes) always kept up-to-date automatically. But even with best practices in place it felt slow.

So I decided to overhaul it to achieve a faster site.

Goals

  1. Speed - It had to be fast and I wanted to get as close to a perfect Lighthouse score as possible.
  2. Modern - I wanted to utilize the latest tech, Nuxt, Tailwind, and GSAP for subtle animations & micro-interactions.
  3. Learn something new - Get out of my comfort zone and try new things.

Process

I wanted to stick with Vue but take it a step further and explore the Nuxt ecosystem which up to this point I hadn't really had a chance or reason to use.

Choosing Nuxt lead me to Nuxt UI which brought with it Tailwind. I also wanted to host on Vercel as I felt that would get me closer to that perfect Lighthouse score.

Technologies Utilized

Frontend
Nuxt
Vue 3
Nuxt UI
Tailwind
GSAP
TypeScript

Outcome

The result was a fast and modern portfolio.

100
Performance
100
Accessibility
100
Best Practices
100
SEO

Want similar results?

Get in touch