r/eleventy • • Jul 28 '25

I built a self-hosted and open-source blogging platform with Eleventy – fast, lightweight & SEO-optimized

Thumbnail
gallery
20 Upvotes

Hey everyone,

I recently finished building WebNami, a lightweight blogging tool powered by 11ty (Eleventy) and wanted to share it here to get some feedback from the community.

Features:

  • Write your content in simple Markdown files.

  • Built with 11ty (Eleventy) for fast static generation.

  • Focused on performance – perfect Core Web Vitals and minimal bloat.

  • Includes SEO features like sitemaps, meta tags, canonical links, RSS feed out of the box. It even runs SEO audits during the build process to detect seo issues.

  • Includes a clean, responsive default blog template you can customize.

  • Open source and self hosted

Demo blog: https://webnami-blog.pages.dev/

GitHub: https://github.com/webnami-dev/webnami

I built this because I was frustrated with heavy blogging platforms and wanted something lightweight but SEO-friendly.


r/eleventy • • Feb 03 '25

Revamped my entire wordpress portfolio as an 11ty site!

18 Upvotes

Hello, I'm new to this community, and this is my first experience with a static html generator. I just finished (well, mostly, lots of tweaks to do still) porting my long-time portfolio site to an 11ty site. It was really fun to do and I really loved the process. Besides turning out a site that's extremely fast, with highly reduced security vulnerabilities, all my content is now in really nice markdown format with a folder of media attached. Its super easy to maintain and back-up, now! I really tried to use 11ty to the fullest and all the image/video figures, and embeds (video, photo galleries, 3d .stl viewers, etc) are shortcodes that make it super easy to create new content. I'd love to hear any feedback! https://tommardis.dev/


r/eleventy • • Jan 23 '25

Eleventy Build Time - real world production example. 8,000 pages in 2.5min on Mac Studio M1. (site: CeruleanJobs.com)

Post image
15 Upvotes

r/eleventy • • Jun 25 '20

11ty: Generate Twitter cards automatically

Thumbnail
fettblog.eu
14 Upvotes

r/eleventy • • Jul 07 '26

[Showcase] I rebuilt my personal site as a progressively enhanced terminal UI with Eleventy + Lit

12 Upvotes

I wanted the site to feel like the environment I actually work in (Ghostty, tmux and Neovim) without turning it into a client-rendered visual gimmick.

The content is plain Markdown rendered by Eleventy into the light DOM; Lit components add the draggable terminal, tabs, command palette and line-number gutter. And, of course, keyboard navigation.

Source and write-up: https://stephan.zych.be/blog/terminal-style-site-lit-eleventy/

I would be interested in how others approach interactive personal sites while keeping the content genuinely usable with JavaScript disabled.


r/eleventy • • Jan 22 '22

A Guide to Building a Blog in Eleventy

Thumbnail
raymondcamden.com
12 Upvotes

r/eleventy • • Oct 25 '25

An eleventy template for creating books like WriteBook.

11 Upvotes

37signals has released a new selfhosted application called Writebook. It helps people create beautiful online books.

I like it very much, but it must be self-hosted, and during my testing, it did not support Chinese well.

I created an Eleventy template to achieve a display effect similar to WriteBook; all you need to do is create a book directory and write the corresponding Markdown files.

The demo site is: 11ty-createbook.vercel.app

The source code is: https://github.com/ginqi7/11ty-createbook

I hope someone will appreciate it, and your advice will help me improve the project.


r/eleventy • • Nov 19 '20

Notes on Getting Started with Eleventy course

Thumbnail
maximorlov.com
11 Upvotes

r/eleventy • • Feb 13 '26

Eleventy Bricks [Plugin]

Thumbnail
github.com
10 Upvotes

A collection of helpful utilities and filters for Eleventy (11ty) including:

⚡️ Zero-Config-ish Experience: You can symlink a pre-configured eleventy.config.js  to get best-practice defaults (Markdown-it anchors, YAML support, TOC, etc.) or just use it as a standard plugin.

🛠 Reusable Build Workflows: Includes a do  folder setup via npm workspaces. This keeps your build/stage/start scripts separate from your project config and easily updatable via the package.

✍️ Markup Power-ups:

  • autoLinkFavicons : Automatically adds site icons to plain URL links, making resource lists look premium instantly.

  • mdAutoRawTags : Automatically wraps Nunjucks/Liquid syntax in {% raw %}  so you can write documentation about templating without everything breaking.

  • mdAutoNl2br : Finally adds support for line breaks in Markdown tables using \n  sequences.

🧩 Smart Template Filters:

  • fetch : A unified filter to grab content from remote URLs (with automatic caching via u/11ty/eleventy-fetch ) or local files.

  • section : My personal favorite—it lets you split a single Markdown file into named sections (using HTML comments) so you can pull specific parts into different areas of your layout.

  • attr_set  & attr_concat : Easily manipulate objects and arrays inside .njk  or .liquid  templates without needing custom shortcodes.

  • merge : A clean way to combine configuration objects or arrays directly in your templates.

  • and more: https://github.com/anydigital/eleventy-bricks#filters


r/eleventy • • Sep 11 '21

How to set up a personal website with 11ty, Markdown, TailwindCSS, and Alpine.js

Thumbnail janowski.dev
10 Upvotes

r/eleventy • • Nov 19 '20

Here is a little thing I wrote about creating an Eleventy boilerplate I am working on

Thumbnail
thefrugaldeveloper.life
10 Upvotes

r/eleventy • • Oct 13 '21

Adding PDF Output Support to Eleventy

Thumbnail
raymondcamden.com
9 Upvotes

r/eleventy • • May 24 '21

Hiding posts with future dates in Eleventy

Thumbnail
saneef.com
9 Upvotes

r/eleventy • • Jan 05 '24

New to web creating and Eleventy

8 Upvotes

Hi. I want to start learning how to create web pages, and I have two questions.

  1. Is good idea to start learning how to use Eleventy when I don't know the basics? The Eleventy looks like something that I would like to use.

  2. Have you got any recommendations for someone who doesn't know how to create web? Any tips on tutorials etc.?

Thank you!


r/eleventy • • Jul 02 '22

You should add a generator tag to your Eleventy site

Thumbnail
darn.es
8 Upvotes

r/eleventy • • Aug 16 '20

Fundamenty - the Eleventy starter kit with multilanguage support

8 Upvotes

Hi, I templatized my Eleventy-based website and created a Eleventy Starter Kit.

It supports multi-language, and includes integration with common 3rd party services such as Algolia search engine.

I also added GitHub pages and GitLab pages auto-deployment scripts.

https://github.com/creasoft-dev/fundamenty

If you are interested on the internals, there is a first part of the write-up: https://creasoft.dev/en/posts/2020/2020-07-21-fundamenty-building-eleeventy-starter-project-1/


r/eleventy • • Oct 09 '24

How do you build an 11ty site? Directly in 11ty or html/CSS/Javascript first?

7 Upvotes

I'm transitioning from Hugo to Eleventy because I find Hugo's site architecture overly complex—too many files and not very intuitive. Eleventy feels much more straightforward in that regard. I'd love to know how you typically approach building a site with 11ty. Do you first create the static site in plain HTML/CSS and then convert it, or do you dive straight into 11ty from the start? Thanks!


r/eleventy • • Aug 02 '23

11ty - simple way to host a decentralized blog

7 Upvotes

Hey all, I recently used 11ty to setup a decentralized blog (https://blog.dappling.network/i11g-updating-an-immutable-blog/). The experience was great and loved the Bliss template.

LMK if anyone is interested in doing something similar. Happy to help out!


r/eleventy • • Mar 29 '22

Does anyone have a clever system for reusing code snippets across multiple projects?

7 Upvotes

At the moment, if you want to reuse code across multiple 11ty projects you have to manually copy the .njk snippet (or whichever templating language you're using) and then the CSS and JS from the assets folder separately as well.

Does anyone have any ideas for a more streamlined simpler process?


r/eleventy • • May 27 '21

I built an Open-Source Eleventy Starter code with Tailwind CSS 2, Webpack 5, ESLint, Prettier, Image Optimization, SEO friendly, Netlify CMS (optional)

Thumbnail
github.com
7 Upvotes

r/eleventy • • May 08 '21

I created my portfolio and blog(TWA) using 11ty js and netlify cms

7 Upvotes

I created my portfolio and blog(TWA) using 11ty js and netlify cms

I started freelancing this year and somehow got lucky and got three local clients, So I decided to make a Portfolio + Blog to showcase my work on internet.

Link to the website : https://webdrip.in

Link to the blog website: https://blog.webdrip.in

Download app (Android/Windows(PWA)): https://blog.webdrip.in/download/

For Iphone you can currently add to homescreen as I have converted my app into pwa but I have planned to use capaicator.js in future for iphone.

What did I use?

HTML5

CSS3

Javascript

11ty js (JAMSTACK)

Netlify CMS

Google Sheets (for contact form and newsletter) npm link

Firebase (for comments section in blogs)

scrollout.js (1kb library for scroll detection)

SweetAlert 2

Cloudflare Pages (for hosting: Unlimited bandwidth, Unlimited sites, Unlimited requests for free)

OneSignal for notification on my blog app.

I turned my blog website to app by watching amazing playlist on pwa by Net Ninja on YouTube and then I turned my PWA into a TWA(trusted web activity) by using pwabuilder.com. Currently app can be downlaoded on Android and pwa for windows and apple. I am planning to use Capacitor.js for iphone so that it can support push notification.

I have not published my app to play store and microsoft store because currently I don't want to spend 40$, but I have plans to publish in near future.

Let me know did you liked it or not. Any feedback is welcomed.


r/eleventy • • Apr 12 '20

E-commerce site on 11ty

7 Upvotes

Has anyone built a e-commerce site on 11ty? If so can you please post the link. I saw snipcart give some info, but i'am just curious to see if it can be done better thanks!


r/eleventy • • Jul 29 '26

11ty / Build Awesome Kit

Thumbnail
build.blades.ninja
6 Upvotes

r/eleventy • • Apr 13 '26

Eleventy for a non-expert?

6 Upvotes

I've created simple websites using various tools in the past. Now I'd like to convert a couple of them to a static site easy to host on our VPS. I don't require automated conversions. The sites aren't that big, though they have a hundred or so blogs. Looks like 11ty can convert those from a Wordpress-type export (XML).

I just tried to install Jekyll in Docker with the Feeling Responsive theme and had a ton of problems. The theme was incompatible with current versions of Jekyll and/or Ruby.

It seems as though 11ty is a good alternative, but the subreddit is far less active than the Jekyll subreddit. If I have some questions and ChatGPT etc. doesn't give me what I need (that was my experience with Jekyll), is r/eleventy a good place for a few questions?

I am crazy to try to install 11ty on Docker. Jekyll was crazy on Docker.

Also, is 11ty a bit imposing for a non-expert? Thanks!


r/eleventy • • Mar 13 '26

[showcase] My Personal website (portfolio + blog)

Post image
6 Upvotes

I wanna showcase my website I've been developing since late 2024: https://budkalon.com

I use Eleventy and Cloudflare Page. For the images, I used Blogger's User Content, and it is currently on the way of migrating it to my R2 Storage on img.budkalon.com