EleventyBlogStarter

Minimalism — Eleventy Blog Template

By MarcoMicale

A blog starter template built on Eleventy and Tailwind CSS, with PWA, RSS, sitemap, dynamic social images, and light/dark mode included.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

01

Eleventy static site generation combined with Tailwind CSS and the typography plugin for page styling

02

Built-in generation templates for blog, RSS feed, sitemap, robots, 404, and offline pages

03

PWA support: includes a manifest generation template and the sw.js static asset

04

Generates dynamic social sharing images for each page and post, with templates located in _11ty/_social

05

Provides light/dark mode and centralizes site metadata and social links configuration through meta.js

06

The README marks the project status as BETA, stating it is usable but still needs fixes

Template Details

Minimalism is an Eleventy (11ty) static site starter template positioned as a starting point for blogs and personal sites. The repository README states its goals include quickly creating pages, a customizable favicon (covering msapplication, apple, safari, and chrome), a blog, an RSS feed, a sitemap, PWA support, dynamic social images generated for each page and post, SEO optimization, a 404 error page, an offline page, light/dark mode, and configuring social links by editing /src/_11ty/_data/meta.js. Technically, it uses Eleventy with plugins such as eleventy-img, eleventy-plugin-rss, eleventy-navigation, eleventy-plugin-social-images, and eleventy-plugin-reading-time; the styling layer uses Tailwind CSS and the typography plugin, and it also brings in slugify, Luxon, html-minifier, rimraf, npm-run-all, and Tabler icons.

The directory structure is organized around src: blog.md is the blog page, index.md is the homepage, the blog directory holds posts, _11ty/_data/meta.js is the main configuration entry point, _11ty/_generate contains generation templates for 404, feed, manifest, offline, pagesjson, robot, sitemap, and socialtemplate, _11ty/_includes provides fragments such as favicon, footer, head, and nav, _11ty/_layouts provides three layouts: article, blog, and page, _static stores app (including sw.js and .htaccess), favicon, and image assets, and _tailwindCSS stores the style source files for the site and social images. The logo.png in the root directory must be replaced with your own logo, and the favicon is generated from that file.

The repository README marks the project status as BETA and states that it is "usable but still needs some fixes." The all-100 Lighthouse scores listed in the README are the author's own claim and were not independently verified in this material; the deployment configuration includes netlify.toml, and the example site is hosted on Netlify. The code is under the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.

EleventyBlogStarter

Is it right for your project?

Use Cases

  • Building a personal blog or writing site focused on articles
  • Needing a static site starting point that includes PWA, RSS, and a sitemap
  • Projects that want social sharing images automatically generated per page
  • Sites deployed on Netlify that need a ready-made netlify.toml configuration

Suitable For

  • Developers familiar with Eleventy and Nunjucks templates who are willing to edit source code directly
  • Personal projects that need a lightweight static blog skeleton and will extend pages themselves
  • Users who accept the BETA status and can troubleshoot and fix issues on their own

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    First replace logo.png in the root directory; the favicon will be generated based on that file

  2. 2

    Edit src/_11ty/_data/meta.js to configure site metadata and social links

  3. 3

    Place posts in the src/blog directory; modify the blog page copy in blog.md

  4. 4

    Social image styles and templates are located in src/_11ty/_social and raw-social.css under _tailwindCSS

  5. 5

    The README marks it as BETA; before use, it is advisable to check the current code and dependency status

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The project self-describes its status as BETA, and the author states that although it is usable, some fixes are still needed; therefore it should not be regarded as stable or production-ready, and you should verify the code and dependencies yourself before use.
  • The README lists Netlify as the usage/deployment target, the repository includes netlify.toml, and the example site is hosted on Netlify; if you follow this deployment method, you need to register a Netlify account yourself and comply with its terms of service and possible fees.
  • The logo.png in the root directory must be replaced with your own logo; the favicon is generated from that file. Do not reuse the original author's brand assets.
  • Site metadata and social links are centralized in src/_11ty/_data/meta.js; you must modify this file before use to fill in your own site information.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

## Status ### BETA Usabile ma con qualche correzione da effettuare.

Original README

- ✅ [Netifly](https://www.netlify.com/)

Original README

logo.png # Sostituisci questo file con il tuo logo

Original README

| meta.js # MODIFICA QUESTO FILE!

Original README
https://github.com/MarcoMicale/Minimalism/blob/main/LICENSEhttps://github.com/MarcoMicale/Minimalism/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 77 / 100
Technologies
Eleventy
Website type
Blog · Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-04-20
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Eleventy as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 647ff87a61c7b7fecf7d0c28954be875dab5a2bbcc42d6c17a13720abf8f3b54

2026-10-01T13:56:23.236Z

Source file / repository
# Minimalism

<a href="https://11ty-minimalism.netlify.app/" target="blank_">
  <img alt="antreprima" src="http://marcomicale.altervista.org/minimalism.webp" width="100%" >
</a>

> Simplicity is the ultimate sophistication!

## Cosa voglio ottene?

- ✅ Creazione pagine velocemente
- ✅ Favicon personalizzabile (msapplication/apple/safari/chrome)
- ✅ Blog
- ✅ Fedd Rss
- ✅ Sitemap
- ✅ PWA
- ✅ Immagini social dinamiche per ogni pagina/post
- ✅ Ottimizzazione SEO
- ✅ 404 error page
- ✅ Offline page
- ✅ Link social facili - edit /src/_11ty/_data/meta.js
- ✅ Tutti 100 in lighthouse
- ✅ Light/Dark mode
- ✅ [Netifly](https://www.netlify.com/)

## Cosa ho usato:

- [Eleventy](https://github.com/11ty/eleventy)
  - [Plugin eleventy-img](https://github.com/11ty/eleventy-img)
  - [Plugin eleventy-plugin-rss](https://github.com/11ty/eleventy-plugin-rss)
  - [Plugin eleventy-navigation](https://github.com/11ty/eleventy-navigation)
  - [Plugin-social-images](https://github.com/5t3ph/eleventy-plugin-social-images)
  - [Plugin-reading-time](https://github.com/johanbrook/eleventy-plugin-reading-time)
- [Tailwindcss](https://github.com/tailwindlabs/tailwindcss)
  - [Tailwindcss typography](https://github.com/tailwindlabs/tailwindcss-typography)
- [Slugify]([https://github.com/simov/slugify)
- [Luxon](https://github.com/moment/luxon)
- [html minifier](https://github.com/kangax/html-minifier)
- [rimraf](https://github.com/isaacs/rimraf)
- [npm-run-all](https://github.com/mysticatea/npm-run-all)
- [Tabler Icon](https://github.com/tabler/tabler-icons)

## Status
### BETA

Usabile ma con qualche correzione da effettuare.

## Folder Tree

```bash
Minimalism
|   .eleventy.js
|   .gitattributes
|   .gitignore
|   LICENSE
|   logo.png                          # Sostituisci questo file con il tuo logo
|   netlify.toml
|   package-lock.json
|   package.json
|   README.md
|   SECURITY.md
|   tailwind.config.js
|
+---.github
|   \---workflows
|           codeql-analysis.yml
|
+---.vscode
|       tasks.json
|
\---src
    |   ...                           # Aggiungi le pagine che vuoi
    |   blog.md                       # Pagina del tuo Blog (modifica da qui la intro)
    |   index.md                      # La Prima pagina del tuo sito (essenziale)
    |
    +---blog
    |       ...                       # Inserisci qui i tuoi post per il blog
    |
    \---_11ty
        +---_data
        |       meta.js               # MODIFICA QUESTO FILE!
        |
        +---_generate
        |       404.njk
        |       feed.njk
        |       manifest.njk
        |       offline.njk           # Pagina mostrata dall'app se offline
        |       pagesjson.njk
        |       robot.njk
        |       sitemap.njk
        |       socialtemplate.njk    # Modifica se vuoi cambiare l'immagine social
        |
        +---_includes
        |       favicon.njk
        |       footer.njk
        |       head-article.njk
        |       head-website.njk
        |       head.njk
        |       nav.njk               # Header sito (Titolo e Nav Bar)
        |
        +---_layouts                  # Layouts:
        |       article.njk           # Articoli del Blog
        |       blog.njk              # Pagina del Blog
        |       page.njk              # Pagine generiche
        |
        +---_social                   # File generati per l'immagine social
        |       pages.json
        |       social.css
        |       template.html
        |
        +---_static
        |   +---app                   # Risorse statiche
        |   |       .htaccess
        |   |       sw.js
        |   |
        |   +---favicon
        |   |       ...               # Favicon Generate a partire dal file logo.png
        |   |
        |   \---img
        |           ...
        |
        \---_tailwindCSS
                raw-social.css        # CSS del tuo sito
                raw-website.css       # Modifica se vuoi cambiare l'immagine social
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

eleventy-base-blog

eleventy-base-blog

The officially maintained Eleventy blog starter template, MIT licensed, includes posts, tag pages, archives, an about page, a 404 page, an Atom feed, and sitemap.xml, with per-page CSS bundling, syntax highlighting, and image optimization.

Eleventy · Blog

eleventy-garden

eleventy-garden

An Eleventy-based digital garden starter template for building a personal knowledge site organized through hyperlinks. It supports Roam-style double-bracket links, backlink display, and hover cards for backlinks.

Eleventy · Starter

eleventastic

eleventastic

Eleventastic is an Eleventy starter kit by Max Böck, used as the base for new 11ty projects. It integrates Sass, Webpack, SVG icon sprites, critical CSS, and HTML minification into the 11ty build without external steps.

Eleventy · Starter

neat-starter

neat-starter

An Eleventy-based static site starter template integrating Netlify CMS, Alpine.js, and Tailwind CSS. It provides a ready-to-run example site, a one-click Netlify deploy button, and an MIT-licensed codebase.

Eleventy · Starter

Eleventy-Starter-Boilerplate

Eleventy-Starter-Boilerplate

An Eleventy-based blog starter template with Tailwind CSS, Webpack, PostCSS, ESLint, and Prettier, optional Netlify CMS, and built-in SEO metadata, sitemap, and 404 page.

Eleventy · Blog

eleventy-plus-vite

eleventy-plus-vite

A static site starter combining Eleventy and Vite, with a live-reloading development server, Vite-based production post-processing, a PostCSS pipeline with Autoprefixer and cssnano, critical CSS inlining and asynchronous CSS loading, a web font loading strategy example, fluid typography, basic dark mode, an…

Eleventy · Starter