I One-Shotted My Entire Website Redesign with AI | Hugo to Astro
Mishal Abdullah
0:00 / 0:00
I One-Shotted My Entire Website Redesign with AI | Hugo to Astro
54 просмотра · 2 нед. назад
Mishal Abdullah
44 подписчика
54 просмотра · 2 нед. назад
CONNECT WITH ME
🌍 Website :- https://mishalabdullah.com/
👨💻 Linkedin:- / mishalat
🐍 Github :- https://github.com/Mishalabdullah
It's Sunday night, 9 PM, and I decided to completely redesign my personal website before the weekend ended.
My existing website was built with Hugo, a fast static site generator. But I wanted something more flexible, with support for modern frontend frameworks like React, while keeping the performance benefits of a static website.
So I decided to migrate from *Hugo to Astro* and use an **AI coding agent to one-shot the entire redesign**.
In this video, I walk through my existing website, explore design inspirations, explain why I chose Astro, and show the actual process of migrating and redesigning the website using AI.
No extensive planning, no complicated design process. Just an idea, a prompt, an AI coding agent, and a Sunday night.
What you'll see:
My existing Hugo-based personal website
Why I'm switching from Hugo to Astro
Finding inspiration for a minimal portfolio design
Using an AI coding agent to migrate and redesign the website
Setting up custom Inter fonts
Reviewing the generated design and making small refinements
The final redesigned website
This isn't a step-by-step technical tutorial. It's more of a casual build session showing how I use AI coding tools to experiment, build, and ship personal projects.
#Astro #Hugo #AICoding #WebDevelopment #WebsiteRedesign