/static-website-template

A template for creating simple static websites without JS frameworks.

Primary LanguageSCSS

Static Website Template

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