Vibecoding my personal site into the 512KB Club
calvinbarker.com> My setup: Next.js 14 with App Router, Tailwind CSS v4, hosted on Vercel. Starting weight: ~600KB.
The website is a blog of four static pages. The styling of the pages is simple, clean, and effective. There's no need for any JavaScript or a CSS framework; the CSS could be entirely handwritten in probably 100 lines. If the image is 71 kB, there's no reason for the total download for the home page to exceed 80 kB.
Ok.. but why does https://www.calvinbarker.com/blog load 17 js files?
What even is https://www.calvinbarker.com/_next/static/chunks/webpack-79c... ?
Seems like it can be cut down to 16k (3 of which are the favicon!).
Maybe just use http://vanilla-js.com
or no js at all...
Very good point. I actually had to check my blog/personal website - yes I do not use any JS as well (other than google analytics)