Ultra-lightweight, modern Eleventy v4 starter (with Tailwind & CMS included!)
- Eleventy v4 by default
both v4 (default) and v3 supported - "Thin client" architecture
thanks eleventy-bricks for reusability - Tailwind v4 included
with Typography plugin - Sveltia CMS included
modern Decap/Netlify CMS successor - Dual template support
.njkor.liquid, choice is yours - Multisite support
thanks to symlink-based setup - One-click start
All you need to personalize YOUR website is basically these 4 files:
./src/
βββ _data/site.yml # YOUR site-wide metadata
βββ _theme/__layout.** # YOUR template (.njk or .liquid)
βββ _theme/styles.css # YOUR styles (with Tailwind v4)
βββ _public/admin/config.yml # YOUR CMS config
All other files are either simple defaults, or automagically symlinked from https://github.com/anydigital/eleventy-bricks and https://github.com/anydigital/bricks :
./
βββ eleventy.config.js π symlinked 11ty config
βββ do/package.json π symlinked npm scripts
βββ package.json # default npm dependencies
βββ netlify.toml # default Netlify config
βββ .prettierrc.json π symlinked Prettier config
βββ src/ # default 11ty `input` dir
βββ _public/ # default 11ty static files
β βββ media/ # CMS-managed media files
β βββ admin/index.html π symlinked Sveltia CMS html
β βββ bricks.css π symlinked CSS utilities
βββ _theme/ # default 11ty `includes` dir
β βββ bricks/ π symlinked components (bricks)
βββ *.md # CMS-editable content
Yes, eleventy.config.js is symlinked too, so no more JavaScript config friction! β¨
However, you are welcome to copy any of the symlinked files over to your project, and modify them as needed.
npm install # install dependencies
npm start # start development
npm run stage # test production version locally
# ready to deploy! πCMS will be available locally at http://localhost:8080/admin/ (or similar port).
any.digital {title="Suggest your website started by Sveleven"}
Repository: https://github.com/anydigital/sveleven
Found it useful? Donate a dollar star:
Featured in:
- https://11tybundle.dev/starters/
- https://sveltiacms.app/en/docs/start#eleventy
- https://any.digital/tricks/11ty/#starters
Support:
- Any questions and ideas: https://github.com/orgs/anydigital/discussions
- Specific change requests and bug reports: https://github.com/anydigital/sveleven/issues
- Community support: https://www.11ty.dev/blog/discord/, https://sveltiacms.app/en/support
License: MIT
SVELEVEN = SVeltia CMS
+ ELEVENty SSG
"Sveleven" is simply a portmanteau of "Sveltia CMS" and "Eleventy SSG" β two great open-source projects that work together seamlessly.