Eleventy starter set
This is a starter set for the Eleventy static site generator (SSG); its appearance is based on the appearance of my website at brycewray.com.
See the online demo.
This starter set uses JavaScript templating (.11ty.js). For a version that uses Nunjucks templating, see the eleventy_solo_starter_njk repo.
How to use
- Clone this to a local repo.
- Make appropriate changes to
/_data/metadata.json
and_data/siteparams.json
to conform to your site’s parameters. - Run
npm install
to load all the dependencies inpackage.json
, which includes Eleventy. - Run
npm run start
from your terminal app. You can then view the site in http://localhost:3000 on your computer. - Read the sample posts and their Markdown files to see how everything works.
- Edit the content to make it your own!
- When ready, deploy the site to your chosen host.
What’s under the hood
- Lazy-loading of some images through use of lazyload.
- Responsive images through the
eleventy-img
plugin and animage
shortcode. - PostCSS and Tailwind CSS. As of version 2.1.0, Tailwind includes the still-in-preview @tailwindcss/jit library; read more about it in this announcement.
- Alpine.js for the nav menu.
- Internal CSS in production mode, which is better for performance scores because it means one fewer render-blocking resource. In development mode, the CSS comes from a locally called
index.css
file.