Simple 11ty static website generator with minimum config required.

It's based on the amazing 11ty static site generator! You can find an overview 2 min video about Eleventy here: https://www.youtube.com/watch?v=EZfNr-YblBE

⭐️ See this project live: https://static-11ty.netlify.app

1. Generate a repo from this template which will copy this project into your own new repo.
2. Clone your repo.
3. $ npm install
4. $ npm start
5. 🤩 Enjoy.

This is a super simple static website setup built on top of 11ty. It has only one package dependency, 11ty itself!

It has a base.njk with your main HTML template.

If you don't want to use njk, you can "compile" simple HTML files, such as no-template-sample-page.html

During the build, 11ty will generate an uuid of 8 characters to be used as unique value to be apended at the end of static files to avoid CDN cache issues. E.g.:

<script src="/assets/js/script.js?v={%VERSION%}"></script>

will be replaced to:

<script src="/assets/js/script.js?v=zpuf45ww"></script>

During the build, 11ty will replace the {%BASE_URL%} inside njk, html, css and js files by a BASE_URL defined env variable. The default value is: https://localhost:8080. E.g:

<script src="{%BASE_URL%}/assets/js/script.js"></script>

will be replaced to:

<script src="https://localhost:8080/assets/js/script.js"></script>

During the website deploy, set the BASE_URL env variable to the desired value. E.g.:

BASE_URL=https://myawesomewebsite.com

To force the BASE_URL website generation locally, you can run:

$ BASE_URL=https://myawesomewebsite.com npm run build

The project itself is a sample project, using all the features. Checkout the src folder!

You can find a simple "set current page active" on the src/_includes/base.njk using Nunjucks template.

You can have some sort of analytics tracker and one specific tracking per page. You can find the usage example at the bottom of the index.njk file.

Automatic sitemap generator using the sitemap.njk!

11ty only requires Node.js and supports most operating systems.

• Node.js 12+
• npm 6.14+

1. Generate a repo from this template which will copy this project into your own new repo. Note: You must be signed in to GitHub for this link to work, else visit the repo directly.

2. Once cloned, run npm install to install 11ty. Then run npm start to run 11ty in serve mode which will create a local server including hot-reload via BrowserSync.

   Use npm run build to run a production version.

3. Open src/_data/site.js and adjust the values to your details (specially the website name).

4. Edit index.njk to change the home page, and then create content within src folder to add content.

$ npm start

Or the very popular alias dev

$ npm run dev

It will launch a local server at https://localhost:8080 with live reload enabled.

By default, 11ty generates a _site folder with the transformed files inside.

It is required to set the set the env variable BASE_URL with the full path URL:

BASE_URL=https://static-11ty.netlify.app

Default value of BASE_URL https://localhost:8080 from the .eleventy.js file.

$ npm run build

To force the BASE_URL website generation locally, you can run:

$ BASE_URL=https://myawesomewebsite.com npm run build

11ty will output the website at _site folder.