Skip to content
/ sveleven Public template

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

License

Notifications You must be signed in to change notification settings

anydigital/sveleven

Repository files navigation

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

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   {title="Suggest your website started by Sveleven"}


More Info

Repository: https://github.com/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.