https://github.com/geotrev/airleventy-jetpack
An 11ty template with lots of useful presets.
https://github.com/geotrev/airleventy-jetpack
11ty bootstrap css eleventy javascript netlify sass static-site-generator template
Last synced: 3 months ago
JSON representation
An 11ty template with lots of useful presets.
- Host: GitHub
- URL: https://github.com/geotrev/airleventy-jetpack
- Owner: geotrev
- Created: 2021-04-03T17:14:14.000Z (over 5 years ago)
- Default Branch: develop
- Last Pushed: 2021-05-18T23:54:09.000Z (about 5 years ago)
- Last Synced: 2025-03-27T23:18:04.282Z (over 1 year ago)
- Topics: 11ty, bootstrap, css, eleventy, javascript, netlify, sass, static-site-generator, template
- Language: JavaScript
- Homepage:
- Size: 409 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Airleventy Jetpack
A moderate extension of the [Airleventy](https://github.com/geotrev/airleventy) static site template. Includes extended tooling:
- prettier
- stylelint
- eslint
- autoprefixing for css
- bootstrap sass
## Increase your power levels
1. [Add favicons/device icons](https://www.favicon-generator.org/)
2. [Add a sitemap](https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap)
3. [Configure eleventy](https://www.11ty.dev/docs/watch-serve/)
## Setup
```shell
$ npm i
```
## Commands
### Develop
```sh
$ npm run watch
```
### Build
```sh
$ npm run build
```
Or build production ready assets:
```sh
$ npm run build-prod
```
There are also a slew of individual commands to run individual build processes such as styles, scripts, etc.
## Netlify
First, enable your airleventy fork on Netlify's interface.
When prompted, clear the `build` and `publish` fields (that's what your `netlify.toml` is for). Then set your deploy branch (e.g., `main`).
Now each time you push to your deploy branch you'll also deploy your most recent changes. 🎉
## JavaScript
Adding JS is pretty straightforward, but has prescriptions on file structure & naming:
- All JS is processed through rollup with a basic Babel configuration using `preset-env`. Configure this and the accompanying `.browserslistrc` as you please.
- Any JS file _without_ an underscore prefix is treated as an asset (included in file output). Its file path is mirrored in the output.
- Any JS file _with_ an underscore prefix is treated as a non-asset module (no output file).