https://github.com/brycewray/eleventy_solo_starter_njk
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
https://github.com/brycewray/eleventy_solo_starter_njk
11ty css demo eleventy internalcss jit nunjucks postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss
Last synced: 3 months ago
JSON representation
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
- Host: GitHub
- URL: https://github.com/brycewray/eleventy_solo_starter_njk
- Owner: brycewray
- License: mit
- Archived: true
- Created: 2020-12-18T20:09:05.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-11T13:19:09.000Z (over 3 years ago)
- Last Synced: 2024-09-27T07:43:43.505Z (7 months ago)
- Topics: 11ty, css, demo, eleventy, internalcss, jit, nunjucks, postcss, responsive-images, ssg, starter-template, tailwind, tailwind-jit, tailwindcss
- Language: Nunjucks
- Homepage: https://eleventy-solo-starter-njk.vercel.app
- Size: 34.4 MB
- Stars: 21
- Watchers: 1
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Eleventy starter set (Nunjucks-based)
**Note**: Further development suspended as of 2021-09-11.
This is a starter set for the [Eleventy](https://11ty.dev) [static site generator (SSG)](https://staticgen.com). See the [online demo](https://eleventy-solo-starter-njk.vercel.app/). Of course, there are many **far better** ones on the [Eleventy “Starter Projects” page](https://www.11ty.dev/docs/starter/)!
*This starter set uses Nunjucks templating. For a version that uses JavaScript templating (.11ty.js), see the [eleventy_solo_starter repo](https://github.com/brycewray/eleventy_solo_starter).*
## How to use
1. Clone this to a local repo.
2. Make appropriate changes to `/_data/metadata.json` and `_data/siteparams.json` to conform to your site’s parameters.
3. Run `npm install` to load all the dependencies in `package.json`, which includes Eleventy.
4. Run `npm run start` from your terminal app. You can then view the site in [http://localhost:3000](http://localhost:3000) on your computer.
5. Read the sample posts and their Markdown files to see how everything works.
6. Edit the content to make it your own!
7. When ready, [deploy the site](https://www.11ty.dev/docs/tutorials/#put-it-on-the-web) to your chosen host.
## What’s under the hood
- Responsive images through the [`eleventy-img` plugin](https://www.11ty.dev/docs/plugins/image/) and an `image` shortcode.
- [PostCSS](https://postcss.org) and [Tailwind CSS](https://tailwindcss.com). As of version 2.1.0, Tailwind includes the still-in-preview **[@tailwindcss/jit](https://github.com/tailwindlabs/tailwindcss-jit) library**; read more about it in [this announcement](https://blog.tailwindcss.com/just-in-time-the-next-generation-of-tailwind-css).
- CSS with a hashed file name in production mode, for [caching](https://web.dev/love-your-cache/) purposes. In development mode, the CSS comes from a locally called `index.css` file.