So we're going to be updating the website at eyadqunaibi.com, and I'm using Claude Code with the front-end UI skill to do it.
I've been using this for a while now, and it's done a phenomenal job so far -- including with updating this very site! So I'll have it completely reimagine what the entire site is going to look like.
The new site will get generated based off the data/ directory that we scraped using the Python code from earlier. So instead of manually curating content, everything will flow directly from that scraped data into a fresh, modern website.
That's the plan!
Setting up the website
I'd originally created the site using Vue.js, but I had no intention of continuing to use that since I'd almost completely forgotten how Vue.js works. Instead, I'm going to be building a brand new Next.js site and I'll be maintaining the existing links.
So the same URL structure that we had before gets redirected to the new site.
Plus, the site will be dynamically generated immediately after a crawl. So not only canwe generate it the first time off the crawled data...
But, the intention is to also have a self-updating website!
Design
Feast your eyes on what Claude Code was able to pull together in 15 minutes:
Wow.
I'm just blown away by how good it looks. I mean, seriously! I'd have taken forever building something even half as good in Figma -- and it'd take 10 times as long to actually build. It even has the little touches -- like microanimations on hover, and the font selections are impeccable!