Hugo Starter Site

This is my favorite way to code static websites. It's a Hugo site with the following front-end technologies built in.

CUBE CSS

I copied much of the inspiring cube-boilerplate into this Hugo enviroment. I've modified it to use the utopia-core functions for font sizes and spacing.

The boilerplate uses a modified tailwindcss config. In order to get tailwindy behavior in Hugo, I followed this hugo-starter-tailwind-basic from bep.

Hotwired Turbo

I use @hotwired/turbo to speed everything up for free.

Installation

git clone https://github.com/jameskerr/hugo-starter

mv hugo-starter my-cool-site # rename to something you want

cd my-cool-site

yarn

hugo server

CSS Instructions

Add your own CSS files anywhere in these directories to have them automatically included.

assets/css/blocks/
assets/css/compositions/
assets/css/utilities/

Take a look at assets/css/main.css for how it all is stitched together. Also visit the docs for CUBE CSS and Utopia.

JS Instructions

Add your JavaScript files to assets/js, then import then into assets/js/main.js. These will get build using Hugo's js.Build pipe.

Enjoy!

Authored by James Kerr