The previous site was built on a old version of React and it only had the standard React app loading screen. So this didn’t really produce anything meaningful.

The why

React had multiple CVEs as of Q4 of 2025, this was causing GitHub security scanning to complain non stop about the site even though it didn’t have anything meaningful or the attention of viewers.

I wanted to rebuild the website for a long time but due to other interests I never got around to it, so it stayed as it’s current dormant self.

Rebuilding the website would also bring it in line for the other apps I build for work, which are all based on NUXT/Vue.js.

Why Nuxt/Vue.js

I’ve liked react for a long time, but there are many dependencies required for building the a site, even thought the site is basic in nature. I always wanted to be able to expand this into other forms. Nuxt could with a lot of batteries included and I find it a much more enjoyable experience to use, which also aligns with my dotnet background. Now I could use NEXT.js but it’s still react under the hood, I’m not a fan of the layout behind React where functions return html, which also has nested functions within to build the html element.

V0

Now I used V0 to design the site, but I gave it some basic info on myself, which the current design aligned with what I wanted. Though with all A.I you always need to adjust the output, some of the issues I had was

• Anchor links was scrolling to the block instantly with no transition.

• It used ’ rather than ” which I’m for double quotes over single quotes.

• The styling was based on Tailwind CSS, now site looked identical but NUXT UI was the correct way forward.

• Scrolling was sharp and not smooth (I thought I needed a lib to handle this)

I asked V0 to adjust the markup to be based on the NUXT UI lib which it imported the NUXT UI lib into app.vue which isn’t required as the NUXT will also import. Though this can make it easier to understand where components are coming from.

GitHub PR with Co-Pilot

Once all the work was complete and the PR was created, Co-Pilot scanned the changes and identified that it used anchor links for scrolling and suggests to create a PR to fix this, it also found that the styling was done in the `app.vue` rather than in the `main.css` file.

So co-pilot created a new PR in draft awaiting me to review what it was going to do, on approving the go ahead the changes was made and the PR was live. I pulled this PR down tested the scrolling and 💥I had nice scrolling. This PR was then merged into the PR for nuxt migration.

Deployment

The site https://clarkee.dev is hosted via GitHub pages, so a deployment action was created for this deployment using NUXT.js deployment example, which builds the site as static assets and deploys the app.