eleventy html5up ethereal Download - eleventy html5up ethereal Source code download

eleventy html5up ethereal

Other categories

1.0.0

Download

Static Site - Eleventy Ethereal

Static Site prototyped on top of Eleventy SSG and Ethereal Design. Boilerplate features:

Design: HTML5up Ethereal
SSG: 11ty
Webpack, Babel
Light-server - for browser refresh
PostCSS, Sass/SCSS, CSSnano
Autoprefixer

Links

Eleventy Ethereal - the product page
Eleventy Ethereal - Demo - the product page
Eleventy Ethereal - Sources - the product page

Want more? Go PRO!

PRO versions include Premium UI Kits, Lifetime updates and 24/7 LIVE Support (via Discord)

Eleventy Material Kit PRO	Eleventy Paper Kit PRO	Eleventy Now UI Kit PRO

How to use it

$ # clone the sources
$ git clone https://github.com/app-generator/eleventy-html5up-ethereal.git
$ cd eleventy-html5up-ethereal
$
$ # install modules
$ yarn
$
$ # start the project in development mode
$ yarn dev
$ # app is running on http://localhost:4000
$
$ # build the project for production
$ yarn build

Project Structure

The boilerplate code is built with a modular structure that follows the recommended pattern used by many open-source projects. The most important files / directories are listed bellow:

.eleventy.js
package.json
src /
src / _includes
src / assets
src / data / data.json
src / index.njk

< ROOT > - Eleventy Ethereal      # project root folder
    |
    |--- src/                     # website source folder  
    |--- src/_includes            # website partials (footer, header)  
    |--- src/assets               # website assets (scss, javascript files)
    |--- src/index.njk            # index page in NJK format
    |  
    |--- .eleventy.js             # Eleventy (11ty) config file
    |--- package.json             # main script executed by Yarn, Npm
    |
    |-----------------------------