Static Site Eleventy Alpha

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


Eleventy Html5UP Alpha - 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-alpha.git
$ cd eleventy-html5up-alpha
$
$ # 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 Alpha      # 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 Alpha - provided by AppSeed