DEKOMORI handcrafted static web-page kit.

Handcrafted static web-page kit with like Chaos.

What is this ?

So-called static web-page boilerplate.

Created & Maintained by @1natsu172

Features

  • Local server Auto start & open

    Local server

    Auto start & open

  • Live reloading Auto detect file changes

    Live reloading

    Auto detect file changes

  • Multi pages High-performance rendering

    Multi pages

    High-performance rendering

    with Pug
  • Good OGP Automatic good settings

    Good OGP

    Automatic good settings

  • OK SEO Automatic OK settings

    OK SEO

    Automatic OK settings

  • Good share button Quick set & good settings

    Good share button

    Quick set & good settings

    provide by mixin
  • Sass support not SCSS

    Sass support

    not SCSS

    but support SCSS compile
  • Grid system Customizable grid & margin

    Grid system

    Customizable grid & margin

    with NEAT
  • Sourcemaps support Smooth development

    Sourcemaps support

    Smooth development

  • Minify & Optimize Output good files

    Minify & Optimize

    Output good files

  • Stable ES.next support Try next generation

    Stable ES.next support

    Try next generation

    (& support Stage-3)
  • Module bundler with webpack

    Module bundler

    with webpack

    only JavaScript
  • Transpiler with Babel

    Transpiler

    with Babel

  • Polyfills & Fallbacks for legacy browsers

    Polyfills & Fallbacks

    for legacy browsers

  • Auto generate SVG sptrite 2-type generating

    Auto generate SVG sptrite

    2-type generating

    recommended symbol use
  • Deploy Release to the public

    Deploy

    Release to the public

    support Netlify & GitHub Pages

and more…

Getting Started

If you have already a netlify account

1. Click button and setup Netlify site.

2. On your local cli

$ git clone <your-repository-url>
$ cd <your-repository-name>
$ npm install
$ npm run dev

Another way

1. On your local cli

$ git clone https://github.com/1natsu172/DEKOMORI.git trial-DEKOMORI
$ cd trial-DEKOMORI
$ npm install
$ npm run dev

Usage

First of all

Setup web site settings

1st step: Let's setup pug's "_siteSetting.pug".

Here: ./build/src/pug/_inc/settings/_siteSetting.pug

2nd step: Let's setup pug's "block pageSummary" for each page.

Example: ./build/src/pug/index.pug