Static Site Eleventy Aerial

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

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

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-aerial.git
$ cd eleventy-html5up-aerial
$
$ # 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 Aerial      # 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

---

• Free support via eMail < support @ appseed.us > and Github
• 24/7 Live Support via Discord for paid plans and commercial products.

Resources

---

• Eleventy Aerial - Product page
• Eleventy Aerial - Live DEMO
• Eleventy Aerial - The source code

License & Credits

---

• CCY 3.0 - inherited from Html5Up
• Deventy - the initial starter

---

Static Site Eleventy Aerial - provided by AppSeed