In today’s episode, I talk about how to build lean efficient websites with the modern web.
Today, I’m talking about how to build lean, efficient websites in 2023.
All right, with that out of the way, let’s dig in.
I’m looking at you, the cascade is the worst part of CSS guy.
The problem has gotten so bad that a new set of tools like SvelteKit and Astro attempt to smooth over a lot of the bloat by moving it into a compiler that spits out leaner end user code.
And that’s a great step, but my concern is that it doesn’t fix the underlying problem. The tools that we use to build for the web often fight against the grain of it and add a tremendous amount of overhead, cognitive load, and literal cost in terms of money and electricity used to power it all.
So how do you actually build a lean, efficient website in 2023? Well, for me, it’s three things.
Start with mostly static HTML. If you’re building a blog or a marketing site or something like that, your journey can often stop here. Grab a tool like Eleventy or Hugo, and you’re good to go.
Grab a smaller state-based UI library like Preact or Solid or Reef or Petite-Vue instead of one of the big monolithic tools.
Of course, each situation is a little bit different. You might need a database or a specific hosting environment. You might have specific technical requirements or be locked into certain vendors.
But generally speaking, you can still build lean, fast websites in 2023. It mostly requires just fighting against the tide of constantly chasing the new hotness and the latest buzzwords.
On the in-between days, I share my approach to the project and some of the common challenges and gotchas that students often run into. And if you get stuck, there’s a 24-7 private Slack channel exclusively for students and video office hours every other week.
If that sounds interesting, head over to VanillaJSAcademy.com to learn more. And today through Monday, you can get 40% off registration with the code EARLYBIRD.
Anyways, that’s it for today. I’ll see you next time. Cheers.