Static Site Eleventy Fractal

Open-Source Static Site coded in Eleventy - Provided by AppSeed Web App Generator.

Static Site Features:

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

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

< ROOT > - Eleventy Fractal       # 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 Fractal - Product page
• Eleventy Fractal - Live DEMO

License & Credits

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

What is Eleventy (11ty)

Eleventy is a simpler static sites generator created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

Eleventy uses independent template engines. We don’t want to hold your content hostage. If you decide to use something else later, having your content decoupled in this way will make migration easier. Eleventy works with multiple template languages (HTML, Markdown, Javascript, Liquid, Nunjunks ..)

Eleventy resources

• Eleventy 11ty - the official site
• Eleventy Docs - the documentation
• Eleventy - the official repository (Github)

---

Static Site Eleventy Fractal - Provided by AppSeed Web App Generator.