🦢 Lightweight. / 💽 Good DX. / 🏇🏻 Fast.
Minimalistic starter with Alpine.js, Vite, TypeScript, Husky, ESLint, and PostCSS.
Setting up pagest fast, with tech that excite me.
Also, none of the boilerplate setup mumbo-jumbo; we wanna get to work!
Nevertheless; tech with nice syntax, and not just grabbin' a new copy of create-react-app straight away for every simple project. There's no need.
- Alpine.js
We want to work with data, make things interactive, and bind attributes. We can also just use React, right? Well, yes. We can. But we don't need to kill a fly with a machine gun, now do we. Let's not get overboard with the tools! - Spruce
I like trees, as you might have noticed. Also, we might want to save some data in our starter. This is what we call a state. Spruce and Alpine; a great pair of trees. - Vite (which uses Rollup.js to bundle)
Developments need to be done on a server. And we want it to be fast. This does it. Also! We need to bundle all the stuff we use. This lets Rollup.js bundle everything when we put it on production. Bonus: it supports TypeScript out of the box! From the get-go! - Vite has in implementation for PostCSS; this lets us do the following:
- Normalize the user-agent CSS.
- Use future CSS (like
--var:) right now! - Minify our CSS on bundling.
- Have nested CSS (like SASS, without having SASS).
- Husky + ESLint + Lint-staged
Linting is fun and all, but we want to automate things. Run the linter pre-commit.
Right now.
With love,
Albert.