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: 1 day 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 (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-09-11T13:19:09.000Z (about 3 years ago)
• Last Synced: 2024-09-22T12:31:04.973Z (5 days 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.