I Rewrote My First Portfolio in Astro
I Rewrote My First Portfolio in Astro

I Rewrote My First Portfolio in Astro

Tags
Astro
Web Dev
Projects
Netlify
Published
May 6, 2023
Author
Kalen Wallin
api_v1_role
Web Developer
api_v1_company
4th Custom Portfolio
api_v1_type
Personal Project
api_v1_category
Websites
api_v1_year
2023
api_v2_order
11
 
Demo of https://astro.kalenwallin.com
 
notion image
And the performance gains were, dare I say, astronomical!
Google Lighthouse report of https://astro.kalenwallin.com
Google Lighthouse report of https://astro.kalenwallin.com
Google Lighthouse report of https://v1.kalenwallin.com
Google Lighthouse report of https://v1.kalenwallin.com
Cloudflare Speed test result on Desktop of https://astro.kalenwallin.com
Cloudflare Speed test result on Desktop of https://astro.kalenwallin.com
Cloudflare Speed test result on Desktop of https://v1.kalenwallin.com
Cloudflare Speed test result on Desktop of https://v1.kalenwallin.com
Cloudflare Speed test result on Mobile of https://astro.kalenwallin.com
Cloudflare Speed test result on Mobile of https://astro.kalenwallin.com
Cloudflare Speed test result on Mobile of https://v1.kalenwallin.com
Cloudflare Speed test result on Mobile of https://v1.kalenwallin.com
I successfully migrated Portfolio.v1 from Blazor to Astro in less than 30 hours. The process of learning Astro was relatively simple, even though my prior experience was with Blazor and Django, which are quite different from Astro. The excellent documentation made creating this website an enjoyable experience!
The website is hosted on GitHub and deployed by Netlify. Setting up Netlify was a breeze following the Astro docs. I had the site up and running on my own domain within 30 minutes of starting Astro development.
Before I made the switch to Astro, I made this preloader to improve the loading user experience on Blazor:
Beautiful, right? Well take a good look because you’ll never see it on my site again. Not with Astro as my framework. Go give it a try yourself and let me know how it goes.