Static Site Eleventy Miniport

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


Eleventy Html5UP Miniport - Static Site built in Eleventy.

Setup the environment


In order to use this boilerplate, Node.js, the JavaScript runtime, should be properly installed on the target machine and Yarn builder.

CentOS setup

$ 
$ # install Nodejs
$ sudo yum install nodejs  
$ 
$ # Install Yarn
$ sudo npm install yarn -g
$
$ # Install npm-run-all
$ sudo npm install npm-run-all -g


Ubuntu setup

$ 
$ # install Nodejs
$ sudo apt-get install nodejs  
$ 
$ # Install Yarn
$ sudo npm install yarn -g
$
$ # Install npm-run-all
$ sudo npm install npm-run-all -g


Build from sources

$ # clone the sources
$ git clone https://github.com/app-generator/eleventy-html5up-miniport.git
$ cd eleventy-html5up-miniport
$
$ # 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:


< ROOT > - Eleventy Miniport      # 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
    |
    |-----------------------------


Support



Resources



License & Credits




Static Site Eleventy Miniport - provided by AppSeed