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:
< 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
Static Site Eleventy Aerial - provided by AppSeed