Hermit is a small back-to-basics starting point for single page static websites.
It provides a fast and painless developer experience with live reloading from Browsersync and utility-first CSS support from Tailwind so you can iterate quickly and ship as little code as possible to your visitors.
No build tools or packagers (sort of). There are two small easy to read scripts (one for development and one for building) that you can completely ignore but adapt if want to.
PostCSS handles the processing of the CSS so you can easily extend it as you might need and cssnano is there for you when you build your site.
HTML is genereated with just plain ol’ HTML.
The only dependencies you’ll need to install are for working with and building your site. No library or frameworks are shipped to production.
yarn install
A Browsersync server is provided out of the box so you can get coding in the browser quickly.
yarn run start
Once you’re all done, it’s time to build your site. The proivded build command minifies your HTML, purges unused CSS, compresses it with cssnano and the CSS file name is automatically cache busted.
After you’ve built your site, take the dist folder and upload it to your host of choice.
yarn run build
If you want to preview your site, you can run
npx http-server ./dist
- Generate your own favicons, favicon.io is a great place to do this.