Hack Club Site Redesign

Hack Club Site Redesign

•  •  10 updates •  29h 45m

Re-designing https://hackclub.com!

By mahad

Timeline

mahad
mahad 47m spent working 70d ago

Worked on VRT regressions. Upgrading MDX.

Update attachment
mahad
mahad 13m spent working 73d ago

I love Theme UI upgrades breaking random pages on the site 😍😍

Anyway, I'm starting to work on fixing the last few pages. So far, I've fixed the lead hackers page

Side note but the JavaScript/React ecosystems have such bad churn it's actually insane. Oh you're using Nextauth, why aren't you using better-auth in big 2025? Oh, you're using Next.js, why aren't you using TanStack Start? Oh, our React framework is no longer going to use React??? what on earth are you doing??

I have been slightly disillusioned whilst working on this project.

mahad
mahad 2h spent working 76d ago
  • Continued testing of visual regressions.
  • Updated Loops.so stuff to add additional data to new Happenings signups
  • Added visual hint to check email after signup
Update attachment
mahad
mahad 3h spent working 77d ago

Fixed the /philosophy page!
It was previously broken by the theme-ui update.
Also worked on a visual regressions detector script, that caught this issue and a few others.

Update attachment
mahad
mahad 2h spent working 80d ago

hq huddle!

(Side note, but thanks a ton to everyone who cheered me on, gave feedback, and helped Zach set up my submission, you guys rock and it truly means a lot :))

Update attachment
mahad
mahad 52m spent working 80d ago

Worked on alternate design!

Also just hopped off the huddle in #hq. Zach said that the tech changes were great, but that the design wasn’t different enough and the colours needed an uplift (also, no dark mode!)

Update attachment
mahad
mahad 2h spent working 81d ago
Update attachment
alb alb 3 months ago
Wow looks cool!
cskartikey cskartikey 3 months ago
:yay:
mahad
mahad 3h spent working 81d ago
  • Optimised images to WEBP to boost the Lighthouse score and performance as a whole
  • Moved the site away from Glitch URLs (glitch is soon shutting down and without doing this, a bunch of images on the site would've broken in a month or so)
  • Optimised newsletter signup
Update attachment
mahad mahad 3 months ago
:P
cskartikey cskartikey 3 months ago
give me 50 dollars for moral support after you get 1k
mahad
mahad 2h spent working 82d ago
  • Added Happenings form (the old one was, and still is, broken)
  • Worked on the redesign more
  • Cleaned up tech debt
Update attachment
mahad
mahad 11h spent working 84d ago

Updated the site to Next.js 15!
Why did you do this?, you might ask? Good question! Main reason is to speed up the Hack Club site, both in development and in production to improve SEO and make development easier.