https://github.com/5t3ph/smol-11ty-starter
Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.
https://github.com/5t3ph/smol-11ty-starter
11ty 11ty-starter 11ty-template eleventy eleventy-starter eleventy-template
Last synced: 11 days ago
JSON representation
Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.
- Host: GitHub
- URL: https://github.com/5t3ph/smol-11ty-starter
- Owner: 5t3ph
- Created: 2021-03-10T04:44:59.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-16T14:55:10.000Z (about 1 year ago)
- Last Synced: 2025-03-26T04:33:17.070Z (28 days ago)
- Topics: 11ty, 11ty-starter, 11ty-template, eleventy, eleventy-starter, eleventy-template
- Language: CSS
- Homepage: https://smol-11ty-starter.netlify.app/
- Size: 68.4 KB
- Stars: 84
- Watchers: 4
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/5t3ph/smol-11ty-starter/generate) 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](https://github.com/5t3ph/smol-11ty-starter/).
1. 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.
1. Open `src/_data/meta.js` and adjust the values to your details.
1. 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](https://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](https://youtu.be/p81J7G1qFAM)
- Enjoy written tutorials? Start with my post on [creating your first Eleventy website](https://11ty.rocks/posts/create-your-first-basic-11ty-website/)
- Enjoy video tutorials? Learn to [build an Eleventy site including Sass](https://5t3ph.dev/learn-11ty) in my 20 minute egghead course
## Where to go from here?
- You may want to swap to [use Sass instead of CSS](https://github.com/5t3ph/11ty-sass-skeleton) and include minifying/autoprefixing (you can copy the relevant bits from the config and the package scripts/dependencies)
- Review [additional common config customizations](https://11ty.rocks/eleventyjs/)
- Check out some [quick tips](https://11ty.rocks/tips/) to learn more about using Eleventy's features
- Add automatically generated [social images with my plugin](https://www.npmjs.com/package/@11tyrocks/eleventy-plugin-social-images)