DEV Community

What's holding you back from trying Eleventy?

Stephanie Eckles on January 03, 2021

Eleventy is a static site generator that's getting a lot more attention around the web lately. If you've tried it or considered trying it: Anythi...
Collapse
 
dailydevtips1 profile image
Chris Bongers

I'm super happy to jump on the Eleventy bandwagon this year.
It serves my need, nothing overcomplicated or too big and it's still highly customizable.

Build my whole blog on top of it:
daily-dev-tips.com

Collapse
 
mathieuhuot profile image
Mathieu Huot

I like 11ty for its flexibility and the fact that it's based on Node. I especially impressed by the capabilities of the collections API. The first thing I stumbled upon was preprocessing SASS which I eventually solved this way. I also tackle double layered pagination (as a challenge mainly) where I ended up with a proof of concept. I think that I like 11ty so much because it really allows full developpement freedom!

Collapse
 
wrldwzrd89 profile image
Eric Ahnell

I didn’t realize Eleventy existed until seeing this post, though my experience with static site generators hasn’t been great so far. I suspect I am just using the tools wrong... thanks for bringing it to my attention!

Collapse
 
pozda profile image
Ivan Pozderac • Edited

I just tried 11ty this weekend just to see what it is all about. Tried it by myself, read a little bit of documentation and went through 2 'simple blog' tutorials linked in the docs.

Everything was good but something was missing, so I opened your Egghead tutorial on 11ty. It was more useful to me than all other things combined, especially stuff for input/output folders and sass (the whole .eleventy.js config file was just the thing I missed).

Your tutorial helped me to wrap my head around it and then I just tried to do my own thing, everything worked as swiss clock!

Thank you for making short, concise and free tutorial, it was very valuable source for me to learn 11ty fast.

edit: I am mainly using Gatsby, now I have 2 SSG that I like to use which is good and I can use them regarding the requirements and needs of the projects

Collapse
 
5t3ph profile image
Stephanie Eckles

Oh wow, I'm super happy to hear that, thank you so much for the feedback! And I'm glad you're on your way to using and enjoying Eleventy πŸ’«

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

I was on the fence with last year around September mainly because of the way the documentation is set up but later in the year I found about your course on egghead.io plus the one from Khaled Garbaya. Now I think SSG is a pretty cool way to get a site started without all the bells & whistles of a JS framework.

Collapse
 
sm0ke profile image
Sm0ke

Nothing. 11ty is super nice, I'm using it after the heavier Gatsby.
The only (small) problem is the lack of nice themes built on top, but pretty sure this gap will be filled in the next months.

P.S. 11ty.Rocks looks cool.

Collapse
 
gilfewster profile image
Gil Fewster

I’ve built a couple of projects with 11ty and I’m really impressed. It’s a great platform to work with, and very flexible.

It’s also easy enough for less experienced developers to get up an running quickly, and I have recommended it as an excellent first step for devs who want to build their first generated site.

Collapse
 
dana94 profile image
Dana Ottaviani

I'm using Gridsome now but considering I've been having unexpected issues with running it locally I have considered an alternative to my site. It's just a matter of time really. Plus, I'd probably need to create my own theme.

Collapse
 
codetraveling profile image
Lars

I have been using Gatsby mostly.. What would you say is a good reason to go for 11ty instead?

Collapse
 
5t3ph profile image
Stephanie Eckles

If your output doesn't actually require features of React or if you do not need JavaScript (or minimally) then Eleventy is a great alternative. You can still write your files in Markdown or JavaScript, and you can organize your project similar to how you'd organize it for Gatsby. But Eleventy doesn't have the plugin dependency, you can start running it with no more than an index file using one of the 11 templating languages.

Collapse
 
gilfewster profile image
Gil Fewster

For me, simplicity is a big selling point. Gatsby is great, but plenty of sites don’t need that level of complexity.

11ty is also especially good if you have a range of experience levels in your dev team. Even relatively junior front end devs will be able to get their heads around 11ty much more easily than Gatsby.

Collapse
 
christiankozalla profile image
Christian Kozalla

It's definitely on my list for 2021!
Just waiting for an opportunity and some spare time. πŸ‘

Collapse
 
5t3ph profile image
Stephanie Eckles

If you have 20 mins, you can get started with my egghead video course πŸ˜‰

Collapse
 
christiankozalla profile image
Christian Kozalla

Nice! I'll go for it πŸ˜„

Collapse
 
simonhlee97 profile image
Simon Lee

are there any "How to Build an 11ty Theme tutorials" on the web?

Collapse
 
5t3ph profile image
Stephanie Eckles

"Themes" aren't a foundational part of Eleventy like you might be familiar with for WordPress or Gatsby. With 11 languages to choose from, and being zero-config, there are a lot of opinions on how to put together an Eleventy project - you can customize it to precisely what you want! I have a written tutorial and a video tutorial available to help you get started on 11ty.Rocks. I'd also recommend Andy Bell's Learn Eleventy From Scratch (paid) course.

Collapse
 
simonhlee97 profile image
Simon Lee

Thanks Stephanie. Your 11ty.Rocks website is AWESOME!

Collapse
 
epsi profile image
E.R. Nurwijayadi

I have a 11ty site an its great.

πŸ•· akutidaktahu.netlify.app/

I even write an article series about it

πŸ•· epsi-rns.gitlab.io/ssg/2020/01/01/...

Collapse
 
madza profile image
Madza

Nothing. πŸ˜‰The same goes for all of these πŸ˜‚πŸ˜‚

Collapse
 
omawhite profile image
Omar White

My familiarity with react and jsx has me lean towards things like next js or gatsby, but 11ty is on my radar, i do want to try it in the future.

Collapse
 
5t3ph profile image
Stephanie Eckles

I found 11ty after two years with React and Gatsby and was able to re-use a lot of my mental models and mold 11ty to fit my preferred organization pattern, which I appreciated vs. Gatsby. It also doesn't rely on plugins, but gives you full flexibility to create your own functionality using anything from packages or hand-rolled JS πŸ™ŒπŸ½

Collapse
 
shadowtime2000 profile image
shadowtime2000

I've used it before for some small projects, and I wouldn't use it again because of how hard it is to use tools like bundlers.

Collapse
 
shadowtime2000 profile image
shadowtime2000

That being said, I love almost every part of it, but still I like to use bundlers.

Collapse
 
5t3ph profile image
Stephanie Eckles

I recently used this starter that includes Parcel and it was a brilliant experience and provided exactly what I wanted out of a bundler alongside Eleventy:
eleventy-parcel starter on GitHub

If you're interested in what it was used for, it was to create my web app ButtonBuddy.dev

Collapse
 
shadowfaxrodeo profile image
Nathaniel

Hi Stephanie, thanks for your work. I used one of your templates as a starting point a few times and it was extremely helpful.

Collapse
 
5t3ph profile image
Stephanie Eckles

Awesome, thanks for letting me know! πŸ’«

Collapse
 
arthurbm profile image
Arthur Brito Medeiros

Is there any advantages of using it in comparison to Next.js?

Collapse
 
andrewbaisden profile image
Andrew Baisden

Seems cool I have not heard too many people talking about it that's why I have not used it yet. Gatsby seems to be in more conversations when people talk about static site generators I think.

Collapse
 
akshay_rajput profile image
Akshay Rajput • Edited

I've heard good things about it. I would use it if I understood what static site generators are.

Collapse
 
5t3ph profile image
Stephanie Eckles

If you have ever used Gulp or Grunt, you may find it fills a similar need, except even further simplifying the build process. It includes BrowserSync out of the box to give you hot-reload of your local server on file save. For a definition, I think the 11ty docs actually provide a great overview of static sites, as well as the related term "Jamstack" and some other terms involved in the static process.

Collapse
 
codebyjustin profile image
Justin

I use a different static site generator in my workflow and don't see a need to change.

Collapse
 
allison profile image
Allison Walker

Not sure what use-case I have for trying it out, I guess.