I never set out to create a boilerplate, but after making sites dozens of times, I realized there were familiar patterns I was reaching for, and I'd always copy that code out of my last project. The most recent time, I decided to strip everything out into a boilerplate.
This is the starting point that I (Lemon) use every time I make a new website. It's built using my own aesthetics.
I want to have reusable components to help me make a static HTML site, and I want to do that as quickly as possible. At the same time, I don't want to have a whole bunch of boilerplate stuff in the shipped code. The idea here is only when you need it: Making something that's slim and extendable.
Also you'll need Prepros. I'm a fan of it, and I avoid NPM whenever I can, so this uses Prepros.
This also assumes you want to write in Vue, Sass & Pug.
- Click Use This Template to use this repo as a project template.
- Download and open up Prepros, add your new project to Prepros and hit the globe button to serve your page.
- If you see It works. in the middle of the screen, congratulations it's working right.
I'll break this down into three sections, Pug, Sass, & Javascript.