Sveleven

Ultra-lightweight, modern Eleventy v4 starter (with Tailwind & CMS included!)

Killer Features

  1. Eleventy v4 by default
    both v4 (default) and v3 supported
  2. "Thin client" architecture
    thanks eleventy-bricks for reusability
  3. Tailwind v4 included
    with Typography plugin & Anybricks
  4. Sveltia CMS included
    modern Decap/Netlify CMS successor
  5. Dual template support
    .njk or .liquid, choice is yours
  6. Multisite support
    thanks to symlink-based setup
  7. One-click start
    Deploy to Netlify

All You Need

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

Under the Hood

All other files are either simple defaults, or automagically symlinked from /anydigital/eleventy-bricks and /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
    ├── _theme/                 # default 11ty `includes` dir
    │   └── bricks/             🔗 symlinked components (bricks)
    ├── _public/                # default 11ty static files
    │   ├── admin/index.html    🔗 symlinked Sveltia CMS html
    │   ├── media/              # CMS-managed media files
    └── *.md                    # CMS-managed content

Yes, eleventy.config.js is symlinked too, so no more JavaScript config friction! ✨

However, you can copy any of the symlinked files over to your project, and modify them as needed.

Local Development

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).


Showcase

any.digital  


More Info

Repository: /anydigital/sveleven

Found it useful? Donate a dollar star:  

Featured in:

Support:

License: MIT

PS: Why "Sveleven"?

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.