hawksley.dev banner

hawksley.dev

6 devlogs
37h 20m 19s

This is my Astro personal website and blog. It focuses on maximising the 4 web aspects measured by Google's PageSpeed Insights: Performance, Accessibility, Best Practices, and SEO. According to Google's tool, I have a perfect 100/100 score. I list…

This is my Astro personal website and blog. It focuses on maximising the 4 web aspects measured by Google’s PageSpeed Insights: Performance, Accessibility, Best Practices, and SEO. According to Google’s tool, I have a perfect 100/100 score. I list my projects I’m proud of here, and write blog posts about what I’m up to. The backend is designed to make updating the site truly painless and scalable.

This project uses AI

Used Google AI Studio to debug the broken css that I just could not fix broken layouts.

Demo Repository

Loading README...

Ethan Hawksley

Shipped this project!

Hours: 37.34
Cookies: 🍪 158
Multiplier: 12.93 cookies/hr

A whole lot has been improved since the last ship! My SEO has gotten much better, meaning I’m now placing higher than the other Ethan from Australia. I’ve went through and reevaluated the accessibility I had in place, and fixed where it was unsuitable. I’m proud of the performance my site has, due to a variety of factors I’ve managed to make it extremely fast!

Ethan Hawksley

Fixed my sitemap so it stops reporting incorrect modifiedDates for all my pages. Updated to the latest version of Astro. Improved the performance and accessibility of all my pages through inlining assets such as my arrows only once, and having more accurate aria labels.

Attachment
0
Ethan Hawksley

Added screenshots to the home page to make it look extra interesting

Attachment
0
Ethan Hawksley

I have taken the accessibility of the site and run it through all sorts of online checkers. Every concern that was flagged I have since addressed. Additionally, there have been many SEO optimisations leading me to perform the top of search results when searching my name! Finally, I performed several touch ups around the site to make it more intuitive and idiomatic to interact with, boosting performance with preloading.

Attachment
0
Ethan Hawksley

Shipped this project!

Hours: 19.45
Cookies: 🍪 325
Multiplier: 16.71 cookies/hr

I made a modern personal portfolio and blog! Building it from scratch using astro instead of using a heavy content management service like Wordpress meant I had a great deal more creative freedom with how to do it, and I’ve aggressively optimised it! I’m most proud of the animations and the sheer performance it has achieved, as according to Google’s PageSpeed Insights I score 100 in Performance, Accessibility, Best Practices, and SEO! The most challenging part was learning a new framework, but the documentation is surprisingly solid.

Ethan Hawksley

I’ve been optimising all over the place :p the blog now uses Inter and JetBrainsMono without compromise as a result of the performance budget I’ve freed up. Now featuring read time indicators, better accessibility, and much nicer spacing!

Attachment
0
Ethan Hawksley

The blog side of my site is now all completed! It took quite a while and some headaches but now my site automatically indexes and displays markdown posts in the same style that the rest of my site is using. The developer experience of working with Astro really has been phenomenal so far, and I’m really pleased with the final result! I’m glad I’ve managed to make a site that is evidently reflective of myself and my style instead of the default react/nextjs website you see people vibecoding up in half an hour 😁

Attachment
0
Ethan Hawksley

Worked on overhauling the site from scratch! I had an old personal website but I wanted to modernise it. I’ve switched over from basic HTML to Astro, as that means I can hopefully start implementing a blog soon!

Attachment
0