cjol / blog

Smol Eleventy Starter

Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.

Quick Start

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/meta.js and adjust the values to your details.

4. Edit index.md to change the home page, and then create content within src/pages using any templating format you prefer to add content.

Review the resources available at 11ty Rocks to learn how to apply more customizations, including adding custom data sources and reviewing what template languages are available.

Learn More About Eleventy

• Get the highlights in my 14 minute feature overview
• Enjoy written tutorials? Start with my post on creating your first Eleventy website
• Enjoy video tutorials? Learn to build an Eleventy site including Sass in my 20 minute egghead course

Where to go from here?

• You may want to swap to use Sass instead of CSS and include minifying/autoprefixing (you can copy the relevant bits from the config and the package scripts/dependencies)
• Review additional common config customizations
• Check out some quick tips to learn more about using Eleventy's features
• Add automatically generated social images with my plugin