EleventyHTMLStarter

eleventyblog — Eleventy Starter Template

By mesinkasir

An Eleventy-based Bootstrap website starter template with example home, blog, Webapp, and video pages, distributed free under the MIT license.

Explore the design

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

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Based on the Eleventy static site generator, with pages built using Bootstrap and HTML

02

Content written in Markdown, with automatic SEO-related configuration listed in the repository

03

Provides example sections such as home, blog, Webapp, and video pages

04

README lists four online demo addresses, covering blog and company site forms

05

The repository uses the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

eleventyblog (also called bootstrap11ty in the repository) is a website starter template based on the Eleventy static site generator. Page structure is written with Bootstrap and HTML, and content is organized in Markdown. The repository provides example sections such as a home page, blog list, Webapp page, and video (Cinema) page. The README lists four online demo addresses, corresponding to a blog, a company site, and another blog example, which can be used to compare different page forms.

The template includes automatic SEO-related configuration and lists technologies or deployment steps used, such as eleventy, bootstrap, vercel, stackblitz, and markdown. Installation is done by running npm install in the project directory. The README also mentions that a version update labeled canary can be obtained via npm update. The Gtmetrix, Lighthouse, mobile, and desktop test screenshots shown in the README are the author's own test records; this entry does not make any judgment on their performance.

Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons require separate license verification. External services such as domains and hosting may incur costs.

EleventyHTMLStarter

Is it right for your project?

Use Cases

  • Building a personal or corporate blog with content written in Markdown
  • Using as a starting project for secondary development with the Eleventy + Bootstrap combination
  • Referencing its structure for home, blog list, and video pages
  • Deploying a static site on platforms such as Vercel or Cloudflare Pages

Suitable For

  • Developers who want to quickly start a static website with Eleventy
  • Blog projects that need to combine Bootstrap page structure with Markdown content
  • Users willing to verify third-party asset licenses themselves and bear external service costs

Getting started & customization

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

  1. 1

    Run npm install in the project directory to install dependencies

  2. 2

    The README mentions that a version update labeled canary can be obtained via npm update

  3. 3

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

  4. 4

    External services such as domains and hosting may incur additional charges and must be confirmed independently

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in a public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version of the code are allowed.
  • 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 README provides a Buy me a coffee donation link, which is voluntary tipping and does not affect the free use and distribution of the code.
  • The demo sites listed in the README are externally hosted services, provided only for online preview, and do not constitute additional authorization or guarantee of template functionality.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and 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

Buy me a coffee ☕️ ❤️ ✌🏻

Original README

Demo test drive for complete blog 👨🏼‍🚀 : [https://tokorak.web.app/](https://tokorak.web.app/)

Original README
https://github.com/mesinkasir/eleventyblog/blob/master/LICENSEhttps://github.com/mesinkasir/eleventyblog/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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
Partly documented · 73 / 100
Technologies
Eleventy · HTML
Website type
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-14
Screenshot last checked
2026-10-03

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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 2d05e4c26da45ea5131bc2cd7e137c604fa3023d9b7a88fcc83bb726d1362e71

2026-10-03T08:46:27.532Z

Source file / repository
# bootstrap11ty - eleventy website template free download source code

Demo Test drive 🚀 : [https://eleventyblog.vercel.app/ ](https://eleventyblog.vercel.app/)

Demo test drive for complete blog 👨🏼‍🚀 : [https://tokorak.web.app/](https://tokorak.web.app/)

Demo Test drive 2 - company 🛸 : [https://raktoko.web.app/ ](https://raktoko.web.app/)

Demo Test drive 3 - blog 🤖 : [https://bootstrap11ty.pages.dev/ ](https://bootstrap11ty.pages.dev/)

documentation 💻 : [https://www.hockeycomputindo.com/2022/03/eleventy-bootstrap-web-template-seo.html](https://www.hockeycomputindo.com/2022/03/eleventy-bootstrap-web-template-seo.html)

video 📽 :
[https://www.youtube.com/watch?v=zj_wFjUtuwU](https://www.youtube.com/watch?v=zj_wFjUtuwU)

<a href="https://www.buymeacoffee.com/axcora"><img width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA9HMwkK8kr7uRwVNxnhXsLQsJHxQQYVSzqCAaK58OpJOiTlzbIX7eEwS_VpJ3oEG-xrmVEl2WKqGvB_o-KjyBGTbbjFHM_bN2Jce9g3FTnt2ZJViwcvB9DHPOKPEMCl7jTQRVWKPw_ETloH7_CK8Xr09SSNNx22xnfGjViwdEsGtR-yGrLmr-JUGHA/s1090/bmc-button.png"/></a>

---

### Version 1

run `npm install`

### UPDATE VERSION 2 CANARY

run `npm update`

### TESTER RESULT

Gt Metrix test

![eleventy 11ty bootstrap website seo FAST WEBSITE ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGecHsFZiKErAGPXDHFx8so8ZxGp2vjeT4bTAvZIl9uHcfKz_ecynlS2K6AtcBqhEgB0FcPsdU2jn0SPcPz0EFFoqdYfEoyEVYVnTxZuErHbHsJxg6QHivQt32NGIOPCSH1KOjOv065bqPrMM75T_sfKaTFQ7o2CAaeZ0wmAssrMcyKtcpjfyPPk6ZgQ/s1106/Screenshot%202022-12-01%20at%2014-58-08%20GTmetrix%20Performance%20Report.png)

lighthouse test

![FAST WEBSITE eleventy 11ty bootstrap website seo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewpPs9bctZHJtqxlivpkR6YhizcOObsGGB98C7Wf_VhPRJZtr3_L0U-fRZN8xZFllwBA6ZkY7JCduYr64pAiDNEkwSE7fWauD7OezJeT19ke_ChqvhJ6k-sJsIMGBHFYOYFEb2MwlokoyzPAEVMobdZEfd7iSHgCGsy2q0Ws25-eIKvmrbYduCnuL-Q/s1349/Screenshot%202022-12-01%20at%2014-55-40%20Lighthouse%20Report%20Viewer.png)

Mobile test

![FAST WEBSITE eleventy 11ty bootstrap website seo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6lbIwGE8RlPpmnFn6kewsCJIpXSX3_4QA7ham_xcrUmfLRSkt3-ZZsCbMK-GYM-josmt-ZXfGs9ZzsHsep9qYSoZ7JQiNVaZ5XQFZPpa-PMSB1f8SyXliZ_GGCWb6s8ZpRO6aZfXrKghwCXOJ2VkWnQUFHIWY_Lp28UBjsrsj60gSp7yG_kgsRYCZFw/s1349/Screenshot%202022-12-01%20at%2014-51-07%20PageSpeed%20Insights.png)

Dekstop test

![FAST WEBSITE eleventy 11ty bootstrap website seo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrjTtyfn86I-L-tgTAXW43rvPrcLn6w4HklD0XHvb5auubf-QLiIb8ZGJg29DyIBluYp50LJtGv1U6wWhR_6X5YRb2IPIrsisdZ62vhkXDlIG9TtDEaE9J4pzX0Smeg6qdA4vKeGKha2Omgyp4RolptDO0-sk_VzxB0JCwKbBshGRTHvuSLEix4grog/s1349/Screenshot%202022-12-01%20at%2014-35-27%20PageSpeed%20Insights.png)

recipes :

- eleventy
- bootstrap
- vercel
- stackblitz
- markdown
- auto SEO

---

![eleventy 11ty bootstrap website template free download source code gratis](https://blogger.googleusercontent.com/img/a/AVvXsEiLXB6Jbqsdyo5g_MU1g2yy0qm4wMUlR0PlcaU4SgxUzNH3pS0_9Lb31s2WlEZIdY_PTRHauXcHHIQJ2yyxmQ6vKTHwVumC3-lI-1C8k0R2LMkHtb7DSqWMWNpjyI9ZR91Mf4gK6z3hv3tIiTNYqHt1w7BloH3Q2WgrN2j82Wviv2gVU2ye9D1w-hXf9w=s3455)

Home Page area

![eleventy 11ty bootstrap website template free download source code gratis](https://blogger.googleusercontent.com/img/a/AVvXsEg3MTU1yuVyX7H5qbdYvSSGMCMZ2-zsUTIfQ0zHJO5rKKe59jG4kPccmFDVexBZK6-GrY1m4w9wbsqorqh8MPiXDkjjjOGFrWWfj1MvZdilZ0MTqYVOvbTssBjRSW_EeIU-Y7qKcvelpqrqwnF7GxpNHLdo_SNXmPXe0faCZW99vCc_76OV3fr3-fbVdA=s1392)

Blog Page area

![eleventy 11ty bootstrap website template free download source code gratis](https://blogger.googleusercontent.com/img/a/AVvXsEhzOZ9cjuCjEc6a8ioG7PWyIaF06-9YFm4kzom1-QC6cWnJJ65cf10QrnNaI2CVlv6zxAiK8yaicENJFquQ7lBlk10d8w40pkOCFtyOWQPi2oKBJwXmx58wv_SQJ9iehKRTsaW58srfsNH7sNcnNRywRgttLEb10hnoA4IoJkn5Qvc28PkZmRp32FIKpQ=s1588)

Webapp page area

![eleventy 11ty bootstrap website template free download source code gratis](https://blogger.googleusercontent.com/img/a/AVvXsEjBZQEEIIFpiibvcsw4PSE4Kt9u-kxGsOWrmbDlZ76GPzrPIZYgszvDrSap-LFHQNy0650K-3j6VUSrkJbsWGZJ1vG7w_lZ2ISMeFZEhUH9ZB3rtppxZdMI-JRVggm6sHdChJMuXCS1AS7o62eYE8tC6VSESlaB5-OpgDqkGwmo4cyWSQeSr2IChy1D2Q=s1344)

Cinema video page area

---

### Buy me a coffee ☕️ ❤️ ✌🏻

<a href="https://www.buymeacoffee.com/axcora"><img width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA9HMwkK8kr7uRwVNxnhXsLQsJHxQQYVSzqCAaK58OpJOiTlzbIX7eEwS_VpJ3oEG-xrmVEl2WKqGvB_o-KjyBGTbbjFHM_bN2Jce9g3FTnt2ZJViwcvB9DHPOKPEMCl7jTQRVWKPw_ETloH7_CK8Xr09SSNNx22xnfGjViwdEsGtR-yGrLmr-JUGHA/s1090/bmc-button.png"/></a>

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