hugo-template

January 6, 2026 · View on GitHub

Template repository for Jamstack projects.

Installing

This repository is set up to be developed with Visual Studio Code editor. Please install reccommended extensions listed in extensions.json

If this is your first time running the project, run

npx husky init

When you have that run one of these commands for local dev server:

hugo server or npm run dev

and open your local site on http://localhost:1313/

We use BEM naming convention for CSS class names.

We follow the standard Javascript style.

There are 3 linters set up:

# Run all linters
npm run lint

# Run individual linters
npx stylelint "**/*.scss"
npx eslint .
npx htmlhint 'layouts/**/*.html'

Linters will automatically fix issues when possible:

A pre-commit git hook is configured using Husky and lint-staged. It:

The hook configuration is in .husky/pre-commit and runs npx lint-staged, which uses the lint-staged configuration in package.json.

To deploy to production, push to main branch

There is no development URL out of the box. To create this environment, follow these steps:

create branch develop
Go to Netlify dashboard -> your site -> Settings -> Build & deploy -> Deploy contexts -> Edit settings
Under Branch deploys select Let me add individual branches and add develop
push some code to develop branch and see it on https://develop--hugo-template.netlify.app

These configurations are optional based on the demands of your project.

Don't use it with new projects anymore. Preferably use cloudinary instead

Last updated: July 2025: all dependencies are on their latest versions.

Key development dependencies:

The project uses ES modules ("type": "module") for modern JavaScript configuration files.