Documentation Pages
Starter Projects #
- eleventy-base-blog How to build a blog web site with Eleventy.
- eleventyone is an Eleventy scaffold project created by the legendary Phil Hawksworth. Makes use of gulp with Eleventy and Sass.
- eleventy-netlify-boilerplate A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.
- eleventy-shortcomps Starter project for static site by Adam Duncan, using Eleventy and shortcode components pattern.
Sites Built with Eleventy #
| Name | Demo | Source | Description |
|---|---|---|---|
 Eleventy, the web site | Demo | Source | DemoSourceSpoiler alert: it’s this web site. |
 V8 | Demo | Source | DemoSourceV8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. |
 Zach Leatherman | Demo | Source | DemoSourceA 10+ years-running blog about web development. |
 Jamstack Comments Engine | Demo | Source | DemoSourceAn example of a comments engine you could add to any JAMstack site hosted on Netlify. |
 Wilto Makes Food | Demo | Source | DemoSourceThe professional cooking site of Mat Marquis. |
 NEJS CONF 2018 | Demo | Source | DemoSourceA single day, single track Web Development conference. |
 Alex Carpenter | Demo | Source | DemoSourceFront-end Web Developer |
Heydon Pickering’s Inclusive Web Design Checklist, converted to use eleventy | Source | SourceThe original project took a JSON file and converted it HTML with some one-off JavaScript. This uses eleventy to transform the data using a nunjucks template, resulting in a cleaner, templated setup. | |
 Netlify Templates | Demo | Source | DemoSourceThis is a board with templates for static site generators and boilerplates. |
| Set Your Watch By | Demo | Source | DemoSourceA static site generated clock! Runs a Netlify build every minute. |
| Front-end Foundations | Demo | Source | DemoSourceA resource and community for developers learning HTML, CSS, & Javascript. |
 Personal sites are awesome! | Demo | Source | DemoSourcePersonal sites are awesome, so this site was built so we can all discover each others. |
 kleinfreund.de | Demo | Source | DemoSourceThe personal web site of Philipp, a web developer from Weimar, Germany. |
 James Steinbach | Demo | Source | DemoSourceThe personal web site of James Steinbach: Front-end architect, Speaker & Writer. |
 Split Infinities | Demo | Source | DemoSourceThe professional website of William M. Riley. |
 Johan Brook | Demo | Source | DemoSourceThe personal website of Johan, a Swedish designer & developer |
 James Doc | Demo | Source | DemoSourceSitting at the intersection of Christianity and technology… |
 Shutter Documentation | Demo | Source | DemoSourceA tool for Visual Snapshot Testing |
 Yoncé | Demo | Source | DemoSourceQueen Bey-inspired themes for Bash-It, Visual Studio Code, iTerm, Slack & Alfred. |
| Formation | Demo | Source | DemoSourceA shell script to set up a macOS machine for design and development. |
 Jeff Posnick | Demo | Source | DemoSourceThe blog of Jeff Posnick (of Google's Web DevRel Team) |
| Medium to Small JAMstack | Demo | Source | DemoSourceA demo of generating an JAMstack site from an RSS feed |
| Event listing from Notist | Demo | Source | DemoSourceAn example of Notist's JSON feed driving event listings on your own, pre-rendered site. |
| Hawksworx | Demo | Source | DemoSourceThe blog, playground, and generally a home on the web for Phil Hawksworth. |
 console.❤️ | Demo | Source | DemoSourceA collection of funny, quirky and lovely console messages from around the web |
 Bradley Taunt | Demo | Source | DemoSourceFront-end designer & developer |
This list shows all of the sample sites that have provided a link to the source code. A comprehensive list of all sample sites is available.