/static-website-template

A template for creating simple static websites without JS frameworks.

Primary LanguageJavaScript

Static Website Template

Updated in March 2024

Added babelrc file. Removed old stylelint rules. Eslint will warn about unused vars. Uses local-web-server for backend proxy.

Introduction

This is a template for creating simple static websites without JS frameworks.

A blog post explaining the process can be found on wweb.dev

It uses:

  • SCSS with linting and autoprefixer
  • JavaScript with webpack using babel and linting
  • minifying images
  • html partials and minify with post-html
  • browser-sync

The compiled files will go to the directory "/dist"

  • from src/scss to dist/index.css
  • from src/js to dist/bundle.js
  • from src/views to dist/
  • from src/images to dist/images

Getting Started

  1. Install dependencies
npm install
  1. Build resources
npm run build
  1. Watch for changes
npm run watch

Demo

Integrates smoothly with netlify:

https://static-website-template.netlify.com/

License

MIT

created by Vincent Will