michitheonlyone / js-components-website

A template for creating simple static websites without JS frameworks.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A template for creating simple static websites without JS frameworks.


Languages

Language:SCSS 42.9%Language:JavaScript 30.9%Language:HTML 26.2%