Eleventy BlogNews and updates about the Eleventy project, a simpler static site generator.2024-02-23T00:00:00Zhttps://www.11ty.dev/Zach Leathermanzach@zachleat.comEight Million npm Downloads!2024-02-23T00:00:00Zhttps://www.11ty.dev/blog/eight-million/<p>On February 19, 2024 <strong>Eleventy passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2024-02-19">eight million lifetime downloads</a></strong>! <em>That download count is now 8.29M (as of 2024 March 18).</em></p>
<p><em>(This number is limited to Eleventy core and doesn’t count our ecosystem of utilities and plugins.)</em></p>
<p><picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/lnWkoTmHIU-350.avif 350w, https://www.11ty.dev/img/built/lnWkoTmHIU-700.avif 700w" sizes="(min-width: 22em) 30vw, 100vw"><source type="image/png" srcset="https://www.11ty.dev/img/built/lnWkoTmHIU-350.png 350w, https://www.11ty.dev/img/built/lnWkoTmHIU-700.png 700w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Zach pointing to the new balloons in his office that say 8 Million" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/lnWkoTmHIU-350.png" width="700" height="468"></picture></p>
<p>Thank you for the support!!</p>
<h2 id="previous-arbitrary-milestones" tabindex="-1">Previous arbitrary milestones <a class="direct-link" href="https://www.11ty.dev/blog/eight-million/#previous-arbitrary-milestones">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://www.11ty.dev/blog/seven-million/">Seven Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/six-million/">Six Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/five-million/">Five Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/four-million/">Four Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/three-million/">Three Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/2million/">Two Million npm Downloads!</a></li>
<li><a href="https://twitter.11ty.dev/1338210611797389312">Twitter: One Million npm Downloads!</a></li>
</ul>
We want you to speak at the 11ty Conference!2024-02-23T00:00:00Zhttps://www.11ty.dev/blog/conference-cfp/<p>The <a href="https://conf.11ty.dev/"><strong>11ty International Symposium on Making Web Sites Real Good</strong></a> is happening on May 9, 2024 and we’ve been humbled by the response so far: 881 people already registered!</p>
<p>This week we’ve launched the <a href="https://docs.google.com/forms/d/e/1FAIpQLScdwhO1zfEBvl8mVAJQLWbK0EylD4yPCBpe3Lanz8SvFPI9Xg/viewform">open call for talk proposals</a>. If you’re interested in speaking at the conference, you have about a month (until March 22) to add your submission(s):</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLScdwhO1zfEBvl8mVAJQLWbK0EylD4yPCBpe3Lanz8SvFPI9Xg/viewform" class="elv-externalexempt opengraph-card">
<img src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fdocs.google.com%2Fforms%2Fd%2Fe%2F1FAIpQLScdwhO1zfEBvl8mVAJQLWbK0EylD4yPCBpe3Lanz8SvFPI9Xg%2Fviewform/opengraph/" alt="So you want to speak at the 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
</a>
<p>We’re looking for talks on a variety of topics that will interest folks that care about the craft of building for the web: Best Practices That Work (CSS), Development Trends (e.g. Navigating the Great Divide), Jamstack, Front of the front end Development, Design Systems, Accessibility, Open Source, Web Performance (and probably some Eleventy too!).</p>
<p>If your submission is selected, you will receive a complimentary official 11ty Conference swag bag (it will likely contain stickers) and a small honorarium.</p>
<p>Appreciate you all and keep building for the web!</p>
Register now for the 11ty Conference!2024-02-16T00:00:00Zhttps://www.11ty.dev/blog/register-for-11ty-conf/<p>The 11ty Conference is happening on May 9, 2024 and <a href="https://conf.11ty.dev/#register"><strong>registration is now open</strong></a>!</p>
<p>Each registrant will receive a uniquely generated ticket image. We’d very much appreciate it if you would share your ticket (or the conference web site) on social media to help spread the word about the conference!</p>
<p>Looking forward, the goal for next week is to launch our public Call for Proposals (CFP) to start gathering conference speakers from our lovely community. Thank you!</p>
<p><strong>Register on the <a href="https://conf.11ty.dev/#register">11ty Conference web site</a></strong>:</p>
<a href="https://conf.11ty.dev/#register" class="elv-externalexempt opengraph-card">
<img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
</a>
We’re running an 11ty Conference!2024-01-30T00:00:00Zhttps://www.11ty.dev/blog/conference/<p>In May 2024 (this year!) we’ll gather together our <em>extremely-online</em> community of webcraftspeople to share what we know! Join us at the <a href="https://conf.11ty.dev/"><strong>11ty International Symposium on Making Web Sites Real Good</strong></a>.</p>
<p>We’ll publish a full schedule of relevant conference dates (call for proposals, et cetera) in the coming weeks!</p>
<a href="https://conf.11ty.dev/" class="elv-externalexempt opengraph-card">
<img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
</a>
<p>And <a href="https://conf.11ty.dev/#subscription">registration for the conference will be opening soon</a>!</p>
Calling all courageous canary testers for Eleventy v3.02023-12-17T00:00:00Zhttps://www.11ty.dev/blog/canary-eleventy-v3/<p>Are you feeling adventurous? A few short days ago we released the first alpha release of Eleventy v3.0 on the <code>canary</code> channel. If you’d like to try it out, use the following command to install it in your project:</p>
<pre class="language-sh"><code class="language-sh"><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@canary --save-exact</code></pre>
<ul>
<li><a href="https://www.11ty.dev/docs/"><em>Want to learn more about installation?</em></a></li>
</ul>
<p>We recommend using <code>--save-exact</code> with the <code>canary</code> channel so you always get the exact same version every time. This will add something like <code>"@11ty/eleventy": "3.0.0-alpha.2"</code> to your <code>package.json</code> instead of <code>"^3.0.0-alpha.2"</code> (the carat is <em>basically</em> shorthand for: “give me the newest 3.0.x release”).</p>
<p>Rest assured, <strong>these releases have now been well-tested in production</strong>: both <a href="https://www.zachleat.com/">https://www.zachleat.com/</a> and <a href="https://www.11ty.dev/">https://www.11ty.dev/</a> are now using 3.0 alpha releases.</p>
<h2 id="thank-you" tabindex="-1">Thank You <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#thank-you">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>This release would not have been possible without the support of <a href="https://cloudcannon.com/eleventy-cms/?utm_campaign=11ty-partner&utm_source=official-sponsor"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fcloudcannon.com%2Feleventy-cms%2F%3Futm_campaign%3D11ty-partner%26utm_source%3Dofficial-sponsor/" width="150" height="150" alt="IndieWeb Avatar for https://cloudcannon.com/eleventy-cms/?utm_campaign=11ty-partner&utm_source=official-sponsor" class="avatar avatar-indieweb" loading="lazy" decoding="async">CloudCannon</a>.</p>
<p>I’ve been working with the incredible folks at CloudCannon for a few months now and have grown to love their git-backed CMS product. It works great with your existing deployment workflow: you don’t need to change frameworks or hosts, just add <a href="https://www.zachleat.com/web/live-editing-cloudcannon/">web-based editing</a>! The <a href="https://www.zachleat.com/web/site-mounting/">site mounting feature</a> has been incredible for my development velocity.</p>
<p><a href="https://cloudcannon.com/eleventy-cms/?utm_campaign=11ty-partner&utm_source=official-sponsor" style="display: block; max-width: 16em" class="elv-externalexempt"><img alt="Screenshot of https://cloudcannon.com/eleventy-cms/?utm_campaign=11ty-partner&utm_source=official-sponsor" loading="lazy" decoding="async" class="sites-screenshot" src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fcloudcannon.com%2Feleventy-cms%2F%3Futm_campaign%3D11ty-partner%26utm_source%3Dofficial-sponsor/small/1:1/" width="375" height="375"></a></p>
<h2 id="new-features-and-a-short-upgrade-guide" tabindex="-1">New features and a short upgrade guide <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#new-features-and-a-short-upgrade-guide">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><em>Eleventy v3.0 requires <strong>Node 18</strong> or newer.</em></li>
</ul>
<p>The flagship feature for this release is our first-class bundler-free (read: it’s fast) <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules">ESM support</a>. Practically speaking, this means you can add <code>"type": "module"</code> to your <code>package.json</code> and all of the Node <code>*.js</code> files in your project will now expect ESM syntax (e.g. <code>import</code> instead of <code>require</code>).</p>
<p><strong>ESM is <em>not</em> required</strong>. Your existing CommonJS (CJS) projects (known for use of <code>module.exports</code> and <code>require</code>) will still work great with Eleventy 3.0 and we will continue to support CommonJS in Eleventy moving forward.</p>
<p>You have two upgrade path options (pick which one suits your project best):</p>
<ol>
<li>Leave your existing Eleventy project as CommonJS. This is the easiest migration path. <a href="https://www.11ty.dev/blog/canary-eleventy-v3/#how-to-require(@11ty/eleventy)-in-commonjs">Use of <code>require</code> for I18nPlugin, RenderPlugin, or HTMLBasePlugin will need to be updated</a>.</li>
<li>Make your project ESM-first. This is highly recommended for new projects and is the best way to write JavaScript moving forward. <a href="https://github.com/11ty/11ty-website/pull/1636"><code>11ty-website</code> went all in on ESM</a> but (as a reminder) <strong>ESM is <em>not</em> required</strong> and a project-wide upgrade to ESM isn’t necessary either. You can add <code>"type": "module"</code> to your <code>package.json</code> and rename your Node <code>.js</code> files to <code>.cjs</code> and be done with it. Later on, you can slowly upgrade to ESM syntax one JavaScript file at a time by renaming back from <code>.cjs</code> to <code>.js</code>.</li>
</ol>
<h3 id="upgrade-examples" tabindex="-1">Upgrade examples <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#upgrade-examples">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p>You can check out these two pull requests showing how these large-ish web site codebases were converted to use Eleventy v3.0:</p>
<ul>
<li><code>zachleat.com</code> kept using CommonJS (easy mode: 3 files changed ~6 lines of code): <a href="https://github.com/zachleat/zachleat.com/pull/50">https://github.com/zachleat/zachleat.com/pull/50</a></li>
<li><code>11ty-website</code> CommonJS to ESM (a bit more work): <a href="https://github.com/11ty/11ty-website/pull/1636">https://github.com/11ty/11ty-website/pull/1636</a></li>
</ul>
<h3 id="how-to-require(@11ty/eleventy)-in-commonjs" tabindex="-1">How to <code>require("@11ty/eleventy")</code> in CommonJS <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#how-to-require(@11ty/eleventy)-in-commonjs">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p><em>This step is only necessary if you use CommonJS for your Eleventy configuration file</em> (e.g. <code>.eleventy.js</code> or <code>eleventy.config.js</code> or <code>eleventy.config.cjs</code>).</p>
<p>If you use the I18nPlugin, RenderPlugin, or HTMLBasePlugin, you will need to make the following change in your CommonJS config file:</p>
<pre class="language-js"><code class="language-js"><span class="token comment">// Any combination of these</span><br><span class="token keyword">const</span> <span class="token punctuation">{</span> I18nPlugin<span class="token punctuation">,</span> RenderPlugin<span class="token punctuation">,</span> HtmlBasePlugin <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">"@11ty/eleventy"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br><br>module<span class="token punctuation">.</span><span class="token function-variable function">exports</span> <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">eleventyConfig</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br> <span class="token comment">// …</span><br><span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre>
<p>If <em>you’re continuing to use CommonJS</em>, these will need to be updated to dynamic imports instead (you can’t <code>require</code> an ESM package but you can use <code>await import()</code> in CommonJS to work around it):</p>
<pre class="language-js"><code class="language-js"><span class="token comment">// Eleventy 3.0 supports async configuration callbacks:</span><br>module<span class="token punctuation">.</span><span class="token function-variable function">exports</span> <span class="token operator">=</span> <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">eleventyConfig</span><span class="token punctuation">)</span> <span class="token punctuation">{</span><br> <span class="token comment">// Any combination of these</span><br> <span class="token keyword">const</span> <span class="token punctuation">{</span> I18nPlugin<span class="token punctuation">,</span> RenderPlugin<span class="token punctuation">,</span> HtmlBasePlugin <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token keyword">import</span><span class="token punctuation">(</span><span class="token string">"@11ty/eleventy"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br><br> <span class="token comment">// …</span><br><span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre>
<h2 id="‼️-warning-‼️-project-slipstream-changes" tabindex="-1">‼️ Warning ‼️ Project Slipstream Changes <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#%E2%80%BC%EF%B8%8F-warning-%E2%80%BC%EF%B8%8F-project-slipstream-changes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>Per feedback from our <a href="https://www.11ty.dev/blog/community-survey-results/">community survey</a> we’re making a few big changes in Eleventy v3.0 we’re referring to as <a href="https://github.com/11ty/eleventy/pull/3074">Project Slipstream</a>.</p>
<ul>
<li>Low interest in <code>pug</code>, <code>hbs</code>, <code>mustache</code>, <code>ejs</code>, or <code>haml</code> has prompted their removal (from core) as well. But if you use these, do not despair. We have a future plan to <a href="https://github.com/11ty/eleventy/issues/3081">move <code>pug</code> into plugin-land as an officially supported plugin for the v3.0 stable release</a>. I you are interested in the others, please <a href="https://github.com/11ty/eleventy/issues/3124">leave an upvote on the appropriate comment in Issue #3124</a>.</li>
<li>Low-interest in our vendor-locked 😬 plugins (Netlify Serverless and Netlify Edge) prompted their removal as we rededicate to static site generation and the hosting portability of Jamstack. You will still be able to run Eleventy in serverless environments, but the Eleventy project will not manage this code directly.</li>
</ul>
<p><em>If you’re interested in the <a href="https://www.zachleat.com/web/jamstack-future/">unique benefits of the Jamstack</a> and want to learn more, join us at <a href="https://thefutureofjamstack.org/">thefutureofjamstack.org</a>:</em></p>
<p><a href="https://thefutureofjamstack.org/" style="display: block; max-width: 16em" class="elv-externalexempt"><img alt="Screenshot of https://thefutureofjamstack.org/" loading="lazy" decoding="async" class="sites-screenshot" src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fthefutureofjamstack.org%2F/small/1:1/" width="375" height="375"></a></p>
<h2 id="whats-next" tabindex="-1">What’s next? <a class="direct-link" href="https://www.11ty.dev/blog/canary-eleventy-v3/#whats-next">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>Our little project had a few <a href="https://www.zachleat.com/web/eleventy-side-project/">set-backs</a> this year but now we’re running on all cylinders now and it’s full steam ahead.</p>
<p>We’ll likely spend a few months doing active development on v3.0: taking feedback, bug fixing, and iterating on a few new surprises too. You can follow along with this progress on the <a href="https://github.com/11ty/eleventy/milestone/40?closed=1">GitHub milestone</a>.</p>
<p>We’ll be talking about it all on Mastodon—make sure to follow along:</p>
<ul>
<li><a href="https://fosstodon.org/@eleventy"><code>@eleventy@fosstodon.org</code></a></li>
<li><a href="https://zachleat.com/@zachleat"><code>@zachleat@zachleat.com</code></a></li>
</ul>
Static Feedback #11: All about Eleventy2023-11-29T00:00:00Zhttps://www.11ty.dev/blog/static-feedback/<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="mZUTXX13X-I" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/mZUTXX13X-I/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=mZUTXX13X-I" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=mZUTXX13X-I">Watch on YouTube</a></is-land></div>
<blockquote>
<p>Zach Leatherman joins Mike Neumegen to discuss the background of Eleventy (11ty) and what the future holds for this static site generator.</p>
</blockquote>
<p>Thanks for having me on, Mike! And for episode #11 too 👀</p>
A new Eleventy mascot from David Neal!2023-11-03T00:00:00Zhttps://www.11ty.dev/blog/mascot-david/<p><em><strong>Update 2024 January 31</strong>—this mascot’s name <a href="https://fosstodon.org/@eleventy/111806909499335065">has been selected</a> and it is <strong>Elle</strong>!</em></p>
<p>The Eleventy Mascot is now officially a series! This time we’ve been lucky enough to snag a commission from David Neal, a very talented artist and long-time Eleventy enthusiast!</p>
<p>David was so excited to deliver this one and we think he absolutely nailed it. Thank you David!!</p>
<p><a href="https://fosstodon.org/@eleventy">Have an idea for this critter’s name? Tell us on Mastodon!</a></p>
<div style="display: inline-block; padding: 1em; border-radius: 1em; background-color: #019cb5; border: .75em solid #00848b; box-shadow: -10px 10px 80px rgb(0 0 0 / 10%); max-width: 25em">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/FIy3o0n-oI-800.avif 800w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="A possum in glasses suspended from a red balloon" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/FIy3o0n-oI-800.png" width="800" height="1400"></picture>
</div>
<p><a href="https://reverentgeek.com/about/"><em>Read more about David on his web site.</em></a></p>
<blockquote>
<p>Hi! My name is David Neal. I am a family man, geek, musician, illustrator, international speaker, software developer, author, and Microsoft MVP living in North GA. I am currently a Developer Advoduck 🥑 🦆 for MotherDuck 😄 In the past, I have been a Principal Developer Advocate for Pluralsight, Developer Relations Manager at ActiveCampaign, Senior Developer Advocate at Okta, and Developer Advocate at LeanKit. Before DevRel, I spent many years building high-performance, scalable web applications. I run on a high-octane mixture of caffeine and JavaScript, and I'm entirely made of bacon 🥓.</p>
</blockquote>
<p>Follow David on his socials:</p>
<ul>
<li><a href="https://twitter.com/reverentgeek">Twitter @reverentgeek</a></li>
<li><a href="https://techhub.social/@reverentgeek">Mastodon @reverentgeek@reverentgeek.com</a></li>
<li><a href="https://staging.bsky.app/profile/reverentgeek.com">BlueSky @reverentgeek.com</a></li>
<li><a href="https://www.threads.net/@reverentgeek">@reverentgeek on Threads</a></li>
</ul>
<h2 id="eleventy-mascot-series" tabindex="-1">Eleventy Mascot Series <a class="direct-link" href="https://www.11ty.dev/blog/mascot-david/#eleventy-mascot-series">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<div class="sites-vert sites-vert--lg">
<div class="lo-grid" style="--fl-gap-v: 5em;">
<div class="sites-site-vert">
<a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/7KDMP7fFcs-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="(Unknown Name)" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/7KDMP7fFcs-250.png" width="250" height="388"></picture>
</div>
<strong class="sites-site-name">(Unknown Name)</strong>
</a>
<div class="sites-site-description">
<em>James Williamson.</em>
22 May 2018. Before the possum, there was the cat
</div>
</div>
<div class="sites-site-vert">
<a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/i6MFwT8ZeK-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Edison" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/i6MFwT8ZeK-250.png" width="250" height="313"></picture>
</div>
<strong class="sites-site-name">Edison</strong>
</a>
<div class="sites-site-description">
<em>James Williamson.</em>
22 May 2018. James pioneered the static-generating possum.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/logo-homage/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/_Mw8USC4BK-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Grumpy" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/_Mw8USC4BK-250.png" width="250" height="453"></picture>
</div>
<strong class="sites-site-name">Grumpy</strong>
</a>
<div class="sites-site-description">
<em>Phineas X. Jones.</em>
18 December 2019. Our first commissioned iteration.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/logo-homage/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/7C9ca0Rq2C-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Masked Grumpy" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/7C9ca0Rq2C-250.png" width="250" height="453"></picture>
</div>
<strong class="sites-site-name">Masked Grumpy</strong>
</a>
<div class="sites-site-description">
<em>Remixed by Ben Brignell.</em>
7 July 2020
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/new-mascot-from-geri-coady/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/faovbQEn7H-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="(Not yet named)" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/faovbQEn7H-250.png" width="250" height="489"></picture>
</div>
<strong class="sites-site-name">(Not yet named)</strong>
</a>
<div class="sites-site-description">
<em>Geri Coady.</em>
July 2021. Our second commission! The community has grown.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/mascot-david/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/FIy3o0n-oI-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Elle" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/FIy3o0n-oI-250.png" width="250" height="437"></picture>
</div>
<strong class="sites-site-name">Elle</strong>
</a>
<div class="sites-site-description">
<em>David Neal.</em>
November 2023. Our third commission! We’re getting smarter.
</div>
</div>
</div>
</div>
Seven Million npm Downloads!2023-10-23T00:00:00Zhttps://www.11ty.dev/blog/seven-million/<p>On October 18, 2023 <strong>Eleventy passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2023-10-18">seven million lifetime downloads</a></strong>! <em>That download count is now 8.29M (as of 2024 March 18).</em></p>
<p><em>(This number is limited to Eleventy core and doesn’t count our ecosystem of utilities and plugins.)</em></p>
<p><picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/9-wYHwKPXs-350.avif 350w, https://www.11ty.dev/img/built/9-wYHwKPXs-700.avif 700w" sizes="(min-width: 22em) 30vw, 100vw"><source type="image/png" srcset="https://www.11ty.dev/img/built/9-wYHwKPXs-350.png 350w, https://www.11ty.dev/img/built/9-wYHwKPXs-700.png 700w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="A line chart showing Eleventy’s downloads per year" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/9-wYHwKPXs-350.png" width="700" height="368"></picture></p>
<p><picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/6ch6kWw2AP-350.avif 350w, https://www.11ty.dev/img/built/6ch6kWw2AP-700.avif 700w" sizes="(min-width: 22em) 30vw, 100vw"><source type="image/png" srcset="https://www.11ty.dev/img/built/6ch6kWw2AP-350.png 350w, https://www.11ty.dev/img/built/6ch6kWw2AP-700.png 700w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Zach pointing to the new balloons in his office that say 7 Million" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/6ch6kWw2AP-350.png" width="700" height="374"></picture></p>
<p>Thank you for the support!!</p>
<h2 id="previous-arbitrary-milestones" tabindex="-1">Previous arbitrary milestones <a class="direct-link" href="https://www.11ty.dev/blog/seven-million/#previous-arbitrary-milestones">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://www.11ty.dev/blog/six-million/">Six Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/five-million/">Five Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/four-million/">Four Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/three-million/">Three Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/2million/">Two Million npm Downloads!</a></li>
<li><a href="https://twitter.11ty.dev/1338210611797389312">Twitter: One Million npm Downloads!</a></li>
</ul>
Big Announcement: Eleventy and CloudCannon!2023-07-25T00:00:00Zhttps://www.11ty.dev/blog/cloudcannon/<p>And now a special message via <a href="https://www.youtube.com/watch?v=nypsmn70ipI">YouTube</a>.</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="nypsmn70ipI" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/nypsmn70ipI/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=nypsmn70ipI" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=nypsmn70ipI">Watch on YouTube</a></is-land></div>
<ul>
<li><a href="https://cloudcannon.com/blog/cloudcannon-the-official-cms-partner-of-eleventy/">Read more on the CloudCannon Blog: <em>CloudCannon, the Official CMS Partner of Eleventy</em></a></li>
<li>See the <a href="https://fosstodon.org/@eleventy/110775434718494755">post on Mastodon</a></li>
<li>Follow along on Mastodon: <a href="https://fosstodon.org/@eleventy"><code>@eleventy@fosstodon.org</code></a> and/or <a href="https://techhub.social/@cloudcannon"><code>@cloudcannon@techhub.social</code></a>.</li>
</ul>
<h2 id="transcript" tabindex="-1">Transcript: <a class="direct-link" href="https://www.11ty.dev/blog/cloudcannon/#transcript">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>What’s up everybody? I have some great news—in a few short weeks I will be joining CloudCannon as a developer advocate!</p>
<p>And for folks in the Eleventy community, I am delighted to reveal that this move will unlock sponsorship of official open source development time for Eleventy! Importantly, Eleventy will continue on as an independent open source project and I’m excited about the opportunities ahead.</p>
<p>If you aren’t familiar with CloudCannon—they are an incredible git-backed CMS with amazing visual editing features. CloudCannon have also been avid supporters of Eleventy for quite some time, relaunching their web site using Eleventy earlier this year. I’d also recommend checking out the framework independent open source projects they manage too—I personally love the Pagefind static search project we use on Eleventy’s documentation.</p>
<p>After surveying the Eleventy community we found the data reflected an opportunity to refocus Eleventy as a static site generator, returning to our roots and the original benefits of the Jamstack that we all came to know and love: front-end web performance, improved security by decreasing runtimes, and reducing vendor lock-in for maximum hosting portability.</p>
<p>We’ll use this newly sponsored development time to implement Project Slipstream, the code name we’re using for Eleventy’s simplification and rededication to the Jamstack. Stay tuned—work has already begun and we look forward to shipping our first 3.0 alpha release soon.</p>
<p>And speaking personally, I continue to be thankful—not just to CloudCannon—but to everyone that reached out with offers of help for Eleventy—it speaks volumes to the kind and helpful folks that make up our community. Let’s keep those vibes going on the issue tracker, the Discord, on YouTube, on Mastodon and whatever other flavor of the week social network is happening this week! I appreciate y’all!</p>
<p>And keep building for the web!</p>
The Eleventy Community Survey Results (2023)2023-07-17T00:00:00Zhttps://www.11ty.dev/blog/community-survey-results/<p><em>Prerequisite read: <a href="https://www.zachleat.com/web/eleventy-side-project/">The Next Phase of Eleventy: Return of the Side Project</a>.</em></p>
<p>As part of this next phase of Eleventy and to best inform our decisions moving forward we asked folks to answer a few short questions as part of our <a href="https://forms.gle/zFA4Jno1cfT8nt9J8">Eleventy Community Survey</a>.</p>
<p>First of all—thank you to everyone that participated. The response to this call has been overwhelming! We received 489 responses to the survey and we’re happy to share a few aggregate results from some of the more interesting questions here:</p>
<h2 id="what-services-do-you-use-to-host-projects" tabindex="-1">What services do you use to host projects? <a class="direct-link" href="https://www.11ty.dev/blog/community-survey-results/#what-services-do-you-use-to-host-projects">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<is-land on:visible="">
<div id="result-host" class="result-chart" aria-hidden="true"></div>
<template data-island="">
<link rel="stylesheet" href="https://www.11ty.dev/static/artificial-chart.css">
<script type="module">
import "https://d3js.org/d3.v7.min.js";
import { HorizontalBar } from "/static/artificial-chart.js";
new HorizontalBar("result-host", "result-host-table", {
showLegend: false,
showInlineBarValues: "outside",
valueType: ["float"],
margin: {
left: 170
}
});
</script>
</template>
</is-land>
<p><em>489 of 489 participants answered this question.</em></p>
<details>
<summary>Expand to show table of results</summary>
<table id="result-host-table">
<thead>
<tr>
<th>Host</th>
<th>Number of Responses</th>
</tr>
</thead>
<tbody>
<tr>
<td>Netlify</td>
<td>336</td>
</tr>
<tr>
<td>GitHub</td>
<td>201</td>
</tr>
<tr>
<td>Cloudflare</td>
<td>85</td>
</tr>
<tr>
<td>Vercel</td>
<td>37</td>
</tr>
<tr>
<td>Digital Ocean</td>
<td>32</td>
</tr>
<tr>
<td>GitLab</td>
<td>31</td>
</tr>
<tr>
<td>Azure</td>
<td>11</td>
</tr>
<tr>
<td>AWS</td>
<td>8</td>
</tr>
<tr>
<td>Glitch</td>
<td>6</td>
</tr>
<tr>
<td>Render</td>
<td>5</td>
</tr>
<tr>
<td>Fastly</td>
<td>4</td>
</tr>
</tbody>
</table>
<p>The remaining entries had fewer than three aggregate responses.</p>
</details>
<h2 id="what-types-of-paid-hosting-do-you-currently-use-for-your-projects" tabindex="-1">What types of paid hosting do you currently use for your projects? <a class="direct-link" href="https://www.11ty.dev/blog/community-survey-results/#what-types-of-paid-hosting-do-you-currently-use-for-your-projects">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<is-land on:visible="">
<div id="result-paid" class="result-chart" aria-hidden="true"></div>
<template data-island="">
<link rel="stylesheet" href="https://www.11ty.dev/static/artificial-chart.css">
<script type="module">
import "https://d3js.org/d3.v7.min.js";
import { HorizontalBar } from "/static/artificial-chart.js";
new HorizontalBar("result-paid", "result-paid-table", {
showLegend: false,
showInlineBarValues: "outside",
valueType: ["float"],
margin: {
left: 170
}
});
</script>
</template>
</is-land>
<p><em>489 of 489 participants answered this question.</em></p>
<details>
<summary>Expand to show table of results</summary>
<table id="result-paid-table">
<thead>
<tr>
<th>Hosting Type</th>
<th>Number of Responses</th>
</tr>
</thead>
<tbody>
<tr>
<td>Free Tier</td>
<td>395</td>
</tr>
<tr>
<td>Paid/Pro/Business Tier</td>
<td>189</td>
</tr>
<tr>
<td>Enterprise Tier</td>
<td>23</td>
</tr>
</tbody>
</table>
</details>
<h2 id="which-official-template-syntaxes-do-you-use-in-your-projects" tabindex="-1">Which official template syntaxes do you use in your projects? <a class="direct-link" href="https://www.11ty.dev/blog/community-survey-results/#which-official-template-syntaxes-do-you-use-in-your-projects">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<is-land on:visible="">
<div id="result-syntax" class="result-chart" aria-hidden="true"></div>
<template data-island="">
<link rel="stylesheet" href="https://www.11ty.dev/static/artificial-chart.css">
<script type="module">
import "https://d3js.org/d3.v7.min.js";
import { HorizontalBar } from "/static/artificial-chart.js";
new HorizontalBar("result-syntax", "result-syntax-table", {
showLegend: false,
showInlineBarValues: "outside",
valueType: ["float"],
margin: {
left: 170
}
});
</script>
</template>
</is-land>
<p><em>489 of 489 participants answered this question.</em></p>
<details>
<summary>Expand to show table of results</summary>
<table id="result-syntax-table">
<thead>
<tr>
<th>Template Syntax</th>
<th>Number of Responses</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nunjucks</td>
<td>407</td>
</tr>
<tr>
<td>Markdown</td>
<td>381</td>
</tr>
<tr>
<td>HTML</td>
<td>306</td>
</tr>
<tr>
<td>JavaScript (.11ty.js)</td>
<td>204</td>
</tr>
<tr>
<td>Liquid</td>
<td>148</td>
</tr>
<tr>
<td>WebC</td>
<td>114</td>
</tr>
<tr>
<td>Handlebars</td>
<td>24</td>
</tr>
<tr>
<td>Vue</td>
<td>19</td>
</tr>
<tr>
<td>Pug</td>
<td>12</td>
</tr>
<tr>
<td>Mustache</td>
<td>9</td>
</tr>
<tr>
<td>EJS</td>
<td>9</td>
</tr>
<tr>
<td>Haml</td>
<td>1</td>
</tr>
</tbody>
</table>
</details>
<h2 id="which-official-plugins-do-you-use-in-your-projects" tabindex="-1">Which official plugins do you use in your projects? <a class="direct-link" href="https://www.11ty.dev/blog/community-survey-results/#which-official-plugins-do-you-use-in-your-projects">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<is-land on:visible="">
<div id="result-plugins" class="result-chart" aria-hidden="true"></div>
<template data-island="">
<link rel="stylesheet" href="https://www.11ty.dev/static/artificial-chart.css">
<script type="module">
import "https://d3js.org/d3.v7.min.js";
import { HorizontalBar } from "/static/artificial-chart.js";
new HorizontalBar("result-plugins", "result-plugins-table", {
showLegend: false,
showInlineBarValues: "outside",
valueType: ["float"],
margin: {
left: 170
}
});
</script>
</template>
</is-land>
<p><em>455 of 489 participants answered this question.</em></p>
<details>
<summary>Expand to show table of results</summary>
<table id="result-plugins-table">
<thead>
<tr>
<th>Plugin</th>
<th>Number of Responses</th>
</tr>
</thead>
<tbody>
<tr>
<td>RSS</td>
<td>281</td>
</tr>
<tr>
<td>Image</td>
<td>280</td>
</tr>
<tr>
<td>Syntax Highlighter</td>
<td>223</td>
</tr>
<tr>
<td>Navigation</td>
<td>181</td>
</tr>
<tr>
<td>Fetch</td>
<td>160</td>
</tr>
<tr>
<td>HTML <base></td>
<td>91</td>
</tr>
<tr>
<td>Render</td>
<td>80</td>
</tr>
<tr>
<td><abbr title="Internationalization">i18n</abbr></td>
<td>68</td>
</tr>
<tr>
<td><is-land></td>
<td>53</td>
</tr>
<tr>
<td>Vite</td>
<td>52</td>
</tr>
<tr>
<td>Serverless</td>
<td>47</td>
</tr>
<tr>
<td>Edge</td>
<td>28</td>
</tr>
</tbody>
</table>
</details>
<style>
.result-chart {
height: 450px;
}
.result-chart .artfc-color-0 {
fill: #00bbd5;
}
</style>The Eleventy Community Survey (2023)2023-07-11T00:00:00Zhttps://www.11ty.dev/blog/community-survey/<p>Eleventy (like so many other projects and companies) is going through <a href="https://www.zachleat.com/web/eleventy-side-project/">a period of change</a>. To best inform our decisions—which may include deprecation or community-ownership of some of our plugins—we’re asking everyone to help out by participating in the <a href="https://forms.gle/zFA4Jno1cfT8nt9J8">Eleventy Community Survey</a>.</p>
<p>We’re received 440+ responses so far and the survey will remain open for just a few more days. After closing, we’ll share popularity metrics around favorite template languages, plugins, hosts, and integrations across the Possumverse.</p>
<p>Thank you!</p>
<ul>
<li>Take the <a href="https://forms.gle/zFA4Jno1cfT8nt9J8"><strong>Eleventy Community Survey</strong> (2023)</a></li>
</ul>
<p><a href="https://forms.gle/zFA4Jno1cfT8nt9J8" style="display: block; max-width: 16em"><img alt="Screenshot of https://forms.gle/zFA4Jno1cfT8nt9J8" loading="lazy" decoding="async" class="sites-screenshot" src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fforms.gle%2FzFA4Jno1cfT8nt9J8/small/1:1/" width="375" height="375"></a></p>
Six Million npm Downloads!2023-07-04T00:00:00Zhttps://www.11ty.dev/blog/six-million/<p>On July 3, 2023 <strong>Eleventy passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2023-07-03">six million lifetime downloads</a></strong>!</p>
<p><em>(This number is limited to Eleventy core and doesn’t count our ecosystem of utilities and plugins.)</em></p>
<p><picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/BhLNeSpuJL-350.avif 350w, https://www.11ty.dev/img/built/BhLNeSpuJL-700.avif 700w" sizes="(min-width: 22em) 30vw, 100vw"><source type="image/png" srcset="https://www.11ty.dev/img/built/BhLNeSpuJL-350.png 350w, https://www.11ty.dev/img/built/BhLNeSpuJL-700.png 700w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Zach pointing to the new balloons in his office that say 6 Million" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/BhLNeSpuJL-350.png" width="700" height="458"></picture></p>
<p>Thank you for the support!!</p>
<h2 id="previous-arbitrary-milestones" tabindex="-1">Previous arbitrary milestones <a class="direct-link" href="https://www.11ty.dev/blog/six-million/#previous-arbitrary-milestones">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://www.11ty.dev/blog/five-million/">Five Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/four-million/">Four Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/three-million/">Three Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/2million/">Two Million npm Downloads!</a></li>
<li><a href="https://twitter.11ty.dev/1338210611797389312">Twitter: One Million npm Downloads!</a></li>
</ul>
The Stability of Eleventy2023-04-05T00:00:00Zhttps://www.11ty.dev/blog/stability/<p>In <a href="https://www.11ty.dev/blog/newstack/"><em>The Need for Speed: Why Eleventy Leaves Bundlers Behind</em></a>, we discussed the stability of Eleventy.</p>
<blockquote>
<p>“Stability is kind of a hard thing to sell, but our track record of being a five or six-year-old project now and really delivering value to folks over those five or six years speaks for itself,” he added.</p>
</blockquote>
<p>And Eleventy <em>is</em> stable. At time of writing, we’ve shipped 56 releases dating back December 2017 and only two of those releases have had Eleventy-specific breaking changes.</p>
<p>Eric Bailey touched on his experience with Eleventy on the <a href="https://www.a11yproject.com/">a11yproject.com project</a>.</p>
<blockquote>
<p>a11yproject.com launched with version 1.0.0 of Eleventy. […] It's been a little under three years and I haven't had to make any adjustments to its dependencies, and it can still install and run from a cold start with no complications. When I update the site to use version 2.0.0 I'll actually be removing dependencies, and not adding more. […] That's rare and special.—<a href="https://social.ericwbailey.website/@eric/109914908787346813">Eric Bailey</a></p>
</blockquote>
<p>But how best can we communicate and demonstrate stability? In the following video we tackle this complex question with two scenarios:</p>
<ol>
<li>What happens when you return to an old project and want to get it up and running again without making any changes? Here we take our <a href="https://www.youtube.com/watch?v=kzf9A9tkkl4">6 Minute Blog from Scratch</a> code and see how far back we can take the Eleventy version.</li>
<li>What happens when you return to an old project and want to upgrade it to the latest versions of your dependencies? Here we take our <a href="https://github.com/11ty/eleventy-base-blog">Eleventy Base Blog</a> starter project (currently at <code>v8</code>) and revert the application code to older and older versions to see if they will run with the latest version of Eleventy (<code>v2.0.1</code>).</li>
</ol>
<p>See how it went:</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="bPtQmsjXMuo" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/bPtQmsjXMuo/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=bPtQmsjXMuo" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=bPtQmsjXMuo">Watch on YouTube</a></is-land></div>
The Need for Speed: Why Eleventy Leaves Bundlers Behind2023-03-20T00:00:00Zhttps://www.11ty.dev/blog/newstack/<blockquote>
<p>Eleventy is a static site generator built for speed, and the reason it can deliver is that it leaves a bundler behind, said Eleventy creator Zach Leatherman, in an interview with The New Stack.</p>
</blockquote>
<blockquote>
<p>“Stability is kind of a hard thing to sell, but our track record of being a five or six-year-old project now and really delivering value to folks over those five or six years speaks for itself,” he added.</p>
</blockquote>
<p>Read more on <a href="https://thenewstack.io/the-need-for-speed-why-eleventy-leaves-bundlers-behind/">The New Stack</a></p>
<p><a href="https://thenewstack.io/the-need-for-speed-why-eleventy-leaves-bundlers-behind/" style="display: block; max-width: 16em"><img alt="Screenshot of https://thenewstack.io/the-need-for-speed-why-eleventy-leaves-bundlers-behind/" loading="lazy" decoding="async" class="sites-screenshot" src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fthenewstack.io%2Fthe-need-for-speed-why-eleventy-leaves-bundlers-behind%2F/small/1:1/" width="375" height="375"></a></p>
Five Million npm Downloads!2023-03-03T00:00:00Zhttps://www.11ty.dev/blog/five-million/<p>On February 13, 2023 <strong>Eleventy passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2023-02-13">five million lifetime downloads</a></strong>!</p>
<p><em>(This number is limited to Eleventy core and doesn’t count our ecosystem of utilities and plugins.)</em></p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="tjfmI1epOag" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/tjfmI1epOag/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=tjfmI1epOag" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=tjfmI1epOag">Watch on YouTube</a></is-land></div>
<p>(and on our <a href="https://www.youtube.com/watch?v=tjfmI1epOag">YouTube channel</a> too)</p>
<p>Thank you for the support!!</p>
<h2 id="previous-arbitrary-milestones" tabindex="-1">Previous arbitrary milestones <a class="direct-link" href="https://www.11ty.dev/blog/five-million/#previous-arbitrary-milestones">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://www.11ty.dev/blog/four-million/">Four Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/three-million/">Three Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/2million/">Two Million npm Downloads!</a></li>
<li><a href="https://twitter.11ty.dev/1338210611797389312">Twitter: One Million npm Downloads!</a></li>
</ul>
We’re on Product Hunt Today!2023-02-10T00:00:00Zhttps://www.11ty.dev/blog/product-hunt/<p>A few months back, <a href="https://www.zachleat.com/twitter/1523660741617717249/">someone put Eleventy on Product Hunt</a>!</p>
<blockquote>
<p>so, I wasn’t involved in this at all but someone posted @eleven_ty on @ProductHunt yesterday and it was “#1 Product of the Day”<br>
neat? neat. is it neat? ok, I don’t really know—getting orange site vibes here 😅</p>
</blockquote>
<p>Today, we’re <a href="https://www.producthunt.com/posts/eleventy-v2-0-0"><strong>back on Product Hunt for our 2.0 release</strong></a> and we’d love your support!</p>
<p><a href="https://www.producthunt.com/posts/eleventy-v2-0-0?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-eleventy-v2-0-0" class="elv-externalexempt"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=378874&theme=dark" alt="Eleventy v2.0.0 - A simpler static site generator. | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54"></a></p>
Eleventy v2.0.0, The Stable Release2023-02-08T00:00:00Zhttps://www.11ty.dev/blog/eleventy-v2/<p>Eleventy v2.0.0 is now available! You can try it out now:</p>
<pre class="language-sh"><code class="language-sh"><span class="token comment"># Local project</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@latest<br><br><span class="token comment"># Global install</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@latest <span class="token parameter variable">-g</span></code></pre>
<ul>
<li>Read more about <a href="https://www.11ty.dev/docs/global-installation/">local versus global installation</a>.</li>
<li>Watch a <a href="https://www.youtube.com/watch?v=TcTR0TLqM3I">short video about 2.0 on YouTube</a>.</li>
</ul>
<h3 id="are-you-new-to-eleventy" tabindex="-1">Are you new to Eleventy? <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#are-you-new-to-eleventy">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p><strong>Eleventy is a flexible and production-ready site generator</strong> known for its zero-client-JavaScript footprint, <a href="https://www.11ty.dev/docs/performance/">speedy sites, speedy builds</a>, and <a href="https://www.youtube.com/watch?v=b4frtsT4Cgo">full control over the output</a>. Watch <a href="https://www.youtube.com/watch?v=EZfNr-YblBE">The State of Eleventy in Two Minutes</a> or <a href="https://www.11ty.dev/docs/">read more about Eleventy’s project goals.</a></p>
<h2 id="the-big-features" tabindex="-1">The Big Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#the-big-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<h3 id="smaller-more-secure" tabindex="-1">Smaller, More Secure <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#smaller-more-secure">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>✅ Dependencies decreased by <strong>32.1%</strong>: <a href="https://npmgraph.js.org/?q=@11ty/eleventy@2.0.0">211 modules</a> (<a href="https://npmgraph.js.org/?q=@11ty/eleventy@1.0.2">311 in v1.0.2</a>)</li>
<li>✅ <code>node_modules</code> file weight decreased by <strong>77.8%</strong> to 34.3 MB (was 155 MB in v1.0.2)</li>
<li>✅ <a href="https://docs.google.com/spreadsheets/d/1lkeWOhEXTNh0yxWaNOl_UFOHQea2YnSHit4QLjqXUb8/edit?usp=sharing"><strong>30.5% faster</strong> <code>npm install</code> time</a></li>
</ul>
<h3 id="faster-builds" tabindex="-1">Faster Builds <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#faster-builds">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Improved build performance (tested on <a href="https://docs.google.com/spreadsheets/d/1-H3wmT7q7m7G7d5M_dCLxQOiAAX3TP0byQdf0pP1fAQ/edit?usp=sharing">a sample 500 page site</a> against v1.0.2) using:
<ul>
<li>Liquid: ✅ <strong>18.18% faster</strong></li>
<li>Nunjucks: ✅ <strong>17.74% faster</strong></li>
<li>Markdown (with Liquid): ✅ <strong>17.95% faster</strong></li>
<li>JavaScript (11ty.js): ✅ <strong>8.33% faster</strong></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/usage/incremental/"><code>--incremental</code> for incremental builds</a> <a href="https://github.com/11ty/eleventy/issues/108#issuecomment-1362030361">#108</a>
<ul>
<li>Smarter incremental builds with support for layout dependencies, <a href="https://www.11ty.dev/docs/languages/custom/#registering-dependencies">registered dependencies on custom templates</a>, dependencies in <code>pagination</code> data or <a href="https://www.11ty.dev/docs/collections/#declare-your-collections-for-incremental-builds"><code>eleventyImport</code></a> <a href="https://github.com/11ty/eleventy/issues/975">#975</a></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/usage/#ignore-initial-to-run-eleventy-without-an-initial-build"><code>--ignore-initial</code> command line option</a> to skip the first build (best paired with <code>--incremental</code>)</li>
<li>Use <a href="https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve">emulated passthrough copy</a> to serve passthrough files directly without triggering a build (will still work with live reload) <a href="https://github.com/11ty/eleventy/issues/2456">#2456</a></li>
</ul>
<h3 id="plugins" tabindex="-1">Plugins <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#plugins">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Support for <a href="https://www.11ty.dev/docs/languages/webc/">WebC, the new single file format for web components</a></li>
<li><a href="https://www.11ty.dev/docs/plugins/edge/">Eleventy Edge</a> will render Eleventy templates in an Edge Function for dynamic content <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/dev-server/">Eleventy Dev Server</a> replaces Browsersync, adds support for DOM-diffing live reloads. <a href="https://github.com/11ty/eleventy/issues/1305">#1305</a> <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/render/">Render Plugin</a> will render any template syntax inside other files <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/i18n/">Internationalization (i18n) Plugin</a> makes it easy to create localized sites <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/html-base/">HTML <code><base></code> Plugin</a> makes it easy to deploy your site to any folder path without changing any content (works great with the path prefix feature) <em>(bundled with Eleventy)</em></li>
<li>Support for the <a href="https://www.11ty.dev/docs/server-vite/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fvitejs.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://vitejs.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Vite plugin</a></li>
</ul>
<h3 id="and-more..." tabindex="-1">And more… <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#and-more...">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Support for <a href="https://www.11ty.dev/docs/languages/custom/#aliasing-an-existing-template-language">aliasing to an existing template language</a> <a href="https://github.com/11ty/eleventy/issues/2248#issuecomment-1341732716">#2248</a>
<ul>
<li>This unlocks TypeScript or JSX in Eleventy when you use <code>esbuild-register</code> and alias <code>11ty.ts</code> or <code>11ty.tsx</code> to <code>11ty.js</code>.</li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/events/#event-arguments">Event arguments</a> unlock new plugin abilities: <code>dir</code> (input/output/includes/data/layouts locations),<br>
<code>outputMode</code> (where the templates are going: <code>fs</code>, <code>json</code>, <code>ndjson</code>), <code>runMode</code> (<code>build</code>, <code>watch</code>, or <code>serve</code>), or <code>results</code> for the processed Eleventy output.</li>
<li>Memory usage improvements to <a href="https://www.11ty.dev/docs/pagination/">Pagination</a></li>
</ul>
<h2 id="breaking-changes" tabindex="-1">Breaking Changes <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#breaking-changes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<div class="elv-callout elv-callout-info"><div class="elv-callout-label">INFO:</div><div class="elv-callout-c">Rather than review this list, it’d be faster to use the <code>eleventy-upgrade-helper</code> plugin, which runs a suite of tests to see whether or not you need to worry about these breaking changes in your project: <a href="https://github.com/11ty/eleventy-upgrade-help">https://github.com/11ty/eleventy-upgrade-help</a></div></div>
<ul>
<li>Bump minimum Node version to <a href="https://github.com/nodejs/release#release-schedule">Node 14+</a> <a href="https://github.com/11ty/eleventy/issues/2336">#2336</a></li>
<li><a href="https://www.11ty.dev/docs/languages/markdown/#indented-code-blocks">Disable indented code blocks in Markdown</a> by default <a href="https://github.com/11ty/eleventy/issues/2438">#2438</a></li>
<li><a href="https://www.11ty.dev/docs/ignores/#configuration-api-added-in-v1.0.0">Both <code>.git</code> and nested <code>node_modules</code> folders are ignored by default</a> (previously we ignored <code>node_modules/**</code>, now <code>**/node_modules/**</code>) <a href="https://github.com/11ty/eleventy/issues/2436">#2436</a></li>
<li><a href="https://www.11ty.dev/docs/data-eleventy-supplied/#fileslug">Dates will now be stripped from the parent directory for <code>page.fileSlug</code> when the file name is <code>index.*</code></a>. e.g. <code>YYYY-MM-DD-myslug/index.md</code> has a <code>page.fileSlug</code> of <code>myslug</code> when previously it was <code>YYYY-MM-DD-myslug</code> <a href="https://github.com/11ty/eleventy/issues/1947">#1947</a> <a href="https://github.com/11ty/eleventy/pull/2111">#2111</a></li>
<li>Dots in global data file names should be preserved in key name for data cascade <a href="https://github.com/11ty/eleventy/issues/1242">#1242</a> <a href="https://github.com/11ty/eleventy/pull/1912">#1912</a></li>
<li>Removes deprecated in v1.0 (and undocumented) <code>renderData</code> feature (use Computed Data instead) <a href="https://github.com/11ty/eleventy/issues/2356">#2356</a></li>
<li>Removes <a href="https://www.11ty.dev/docs/data-preprocessing/">pre-processing global JSON data files with a template language</a> <a href="https://github.com/11ty/eleventy/issues/2728">#2728</a></li>
<li>Removes <a href="https://www.11ty.dev/docs/copy/#passthrough-everything"><code>--passthroughall</code> command line flag</a> <a href="https://github.com/11ty/eleventy/issues/2682">#2682</a></li>
<li>Major dependency bumps:
<ul>
<li><code>liquidjs</code> from v9 to v10 <a href="https://github.com/harttle/liquidjs/releases/tag/v10.0.0">Release notes</a> <a href="https://github.com/11ty/eleventy/issues/2678">#2678</a></li>
<li><code>luxon</code> from v2 to v3 <a href="https://github.com/moment/luxon/blob/master/CHANGELOG.md#300-2022-07-09">Release notes</a></li>
<li><code>markdown-it</code> from v12 to v13 <a href="https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md#1300---2022-04-22">Release notes</a></li>
</ul>
</li>
</ul>
<h2 id="the-small-features" tabindex="-1">The Small Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#the-small-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Adds support for configuration default file names <code>eleventy.config.js</code> and <code>eleventy.config.cjs</code> in addition to <code>.eleventy.js</code> <a href="https://github.com/11ty/eleventy/issues/1029">#1029</a></li>
<li><a href="https://www.11ty.dev/docs/shortcodes/#asynchronous-universal-shortcodes"><code>addShortcode</code> is now async-friendly</a> <a href="https://github.com/11ty/eleventy/issues/2726">#2726</a></li>
<li><a href="https://www.11ty.dev/docs/filters/#asynchronous-universal-filters"><code>addFilter</code> is now async-friendly</a> <a href="https://github.com/11ty/eleventy/issues/2536">#2536</a> (also adds an <code>addAsyncFilter</code> API method)</li>
<li>File watching:
<ul>
<li>Eleventy Dev Server includes a <a href="https://www.11ty.dev/docs/dev-server/#options"><code>watch</code> option</a> to trigger live reloads on file changes outside of your Eleventy build. Works great when you’re using a separate bundler in parallel!</li>
<li>Decoupled ignore APIs for template processing (<code>eleventyConfig.ignores</code>) and <a href="https://www.11ty.dev/docs/watch-serve/#configuration-api">file watching (<code>eleventyConfig.watchIgnores</code>)</a> <a href="https://github.com/11ty/eleventy/issues/893">#893</a></li>
</ul>
</li>
<li>Access <a href="https://www.11ty.dev/docs/copy/#advanced-options">advanced <code>recursive-copy</code> options in passthrough file copy</a> <a href="https://github.com/11ty/eleventy/pull/1686">#1686</a>
<ul>
<li>Unlocks passthrough copy with symlinks <a href="https://github.com/11ty/eleventy/issues/530">#530</a></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/filters/log/#using-log-in-filter-chains"><code>log</code> filter supports chaining</a> <a href="https://github.com/11ty/eleventy/pull/2467">#2467</a></li>
<li>Adds <a href="https://www.11ty.dev/docs/dates/#setting-a-content-date-in-front-matter">new <code>git Created</code> date option</a> <a href="https://github.com/11ty/eleventy/pull/2468">#2468</a></li>
<li>Adds <a href="https://www.11ty.dev/docs/data-custom/#usage-with-options">options for <code>read</code> and <code>encoding</code> to custom data formats</a>
<ul>
<li>This unlocks using <a href="https://www.11ty.dev/docs/data-custom/#feed-exif-image-data-into-the-data-cascade">binary files (like images) to populate the Data Cascade</a></li>
</ul>
</li>
</ul>
<h3 id="even-smaller-features" tabindex="-1">Even Smaller Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#even-smaller-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Adds <code>eleventy.env.runMode</code> to global data. <a href="https://github.com/11ty/eleventy/issues/2770">#2770</a></li>
<li><a href="https://www.11ty.dev/docs/config/#change-file-suffix-for-data-files"><code>setDataFileSuffixes</code> API method to customize Template and Directory data file suffixes</a> (or opt-out of the Template and Directory Data Files feature) <a href="https://github.com/11ty/eleventy/issues/2681">#2681</a></li>
<li><a href="https://www.11ty.dev/docs/plugins/serverless/#compile-the-data-cascade-for-the-project">Serverless option <code>singleTemplateScope: false</code></a> simplifies using collections in serverless mode. <a href="https://github.com/11ty/eleventy/issues/2736">#2736</a></li>
<li>A variety of bug fixes for <code>--serve</code> issues that required server restarts.</li>
<li>Data Consistency:
<ul>
<li><code>this.page</code> and <code>this.eleventy</code> are now available on <a href="https://www.11ty.dev/docs/shortcodes/#scoped-data-in-shortcodes">Shortcodes</a>, <a href="https://www.11ty.dev/docs/filters/#scoped-data-in-filters">🆕 Filters</a>, <a href="https://www.11ty.dev/docs/config/#linters">🆕 Linters</a>, and <a href="https://www.11ty.dev/docs/config/#transforms">🆕 Transforms</a></li>
<li><a href="https://www.11ty.dev/docs/collections/#collection-item-data-structure"><code>page</code> and <code>content</code> on Collection entries</a></li>
</ul>
</li>
<li>Adds <a href="https://www.11ty.dev/docs/filters/collection-items/#getcollectionitemindex"><code>getCollectionItemIndex</code> universal filter</a> <a href="https://github.com/11ty/eleventy/issues/2676">#2676</a></li>
<li>Throw error on circular layout dependencies <a href="https://github.com/11ty/eleventy/pull/2076">#2076</a></li>
<li>Plugins can now reference <code>eleventyConfig.pathPrefix</code> <a href="https://github.com/11ty/eleventy/issues/2526">#2526</a></li>
<li><a href="https://www.11ty.dev/docs/pagination/#generating-an-empty-results-page"><code>generatePageOnEmptyData</code> to generate an empty results page</a> with an empty paginated data set <a href="https://github.com/11ty/eleventy/pull/1698">#1698</a> <a href="https://github.com/11ty/eleventy/issues/756">#756</a> <a href="https://github.com/11ty/eleventy/issues/731">#731</a> <a href="https://github.com/11ty/eleventy/pull/2208">#2208</a></li>
<li>Creating an empty JSON data file no longer throws an error <a href="https://github.com/11ty/eleventy/issues/2299">#2299</a></li>
</ul>
<h2 id="housekeeping" tabindex="-1">Housekeeping <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#housekeeping">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Full issue list: <a href="https://github.com/11ty/eleventy/milestone/38?closed=1">https://github.com/11ty/eleventy/milestone/38?closed=1</a></li>
<li>Full changelog: <a href="https://github.com/11ty/eleventy/compare/v1.0.2...v2.0.0">https://github.com/11ty/eleventy/compare/v1.0.2...v2.0.0</a></li>
</ul>
<h2 id="thank-you-notes" tabindex="-1">Thank You Notes <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#thank-you-notes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy (<a href="https://www.11ty.dev/authors/">×684 authors on our web site!</a>), wrote a blog post about Eleventy, <a href="https://github.com/11ty/eleventy/graphs/contributors">contributed code</a>, wrote a plugins, <a href="https://github.com/11ty/11ty-website/graphs/contributors">helped with documentation</a>, asked questions, answered questions, braved <a href="https://www.11ty.dev/speedlify/">The Leaderboards</a>, participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.</p>
<ul>
<li>A <strong>huge thank you to <a href="https://www.netlify.com/">Netlify</a></strong>, especially: Matt Biilmann, Chris Bach, Lauren Sell (alum), and Claire Knight, without whom this release would not have been possible.</li>
<li>🏆 A special thanks to <a href="https://github.com/pdehaan">Peter DeHaan</a> for their tireless contributions on the Eleventy Issue tracker.</li>
<li>Yet more thanks to the all star Discord Moderators and Meetup Coordinators <a href="https://benmyers.dev/">Ben Myers</a>, <a href="https://www.cassey.dev/">Cassey Lottman</a>, <a href="https://danleatherman.com/">Dan Leatherman</a>, <a href="https://darthmall.net/">Evan Sheehan</a>, <a href="https://helloyes.dev/">Thomas M. Semmler</a>, <a href="https://sia.codes/">Sia Karamalegos</a> and <a href="https://thinkdobecreate.com/">Stephanie Eckles</a>.</li>
<li>All of our <a href="https://opencollective.com/11ty">supporters on Open Collective</a> ❤️</li>
<li><a href="https://opencollective.com/11ty">Contribute on Open Collective</a></li>
<li><a href="https://www.11ty.dev/docs/community/">How else can you contribute to Eleventy?</a></li>
</ul>
<h3 id="pull-requests-from" tabindex="-1">Pull Requests From <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#pull-requests-from">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p><a href="https://github.com/AleksandrHovhannisyan">@AleksandrHovhannisyan</a> 🆕, <a href="https://github.com/amareshsm">@amareshsm</a> ×2 🆕, <a href="https://github.com/binyamin">@binyamin</a>, <a href="https://github.com/DamianOsipiuk">@DamianOsipiuk</a> 🆕, <a href="https://github.com/epelc">@epelc</a> ×2 🆕, <a href="https://github.com/j-f1">@j-f1</a> 🆕, <a href="https://github.com/Jaza">@Jaza</a> 🆕, <a href="https://github.com/kentaroi">@kentaroi</a> 🆕, <a href="https://github.com/kev4ev">@kev4ev</a> 🆕, <a href="https://github.com/LeoSchae">@LeoSchae</a> 🆕, <a href="https://github.com/milahu">@milahu</a> ×3, <a href="https://github.com/nasivuela">@nasivuela</a> 🆕, <a href="https://github.com/NickColley">@NickColley</a> 🆕, <a href="https://github.com/NotWoods">@NotWoods</a>, <a href="https://github.com/Obayanju">@Obayanju</a> 🆕, <a href="https://github.com/Snapstromegon">@Snapstromegon</a> ×16 (wow! 🤯), <a href="https://github.com/TheDocTrier">@TheDocTrier</a> 🆕, <a href="https://github.com/thinkverse">@thinkverse</a> 🆕, <a href="https://github.com/TigersWay">@TigersWay</a> 🆕, <a href="https://github.com/wes-goulet">@wes-goulet</a> 🆕, <a href="https://github.com/mrmartineau">@mrmartineau</a> 🆕, <a href="https://github.com/danburzo">@danburzo</a> 🆕</p>
<h3 id="read-more-from-the-community" tabindex="-1">Read more from the Community <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#read-more-from-the-community">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><a href="https://11ty.rocks/posts/new-features-upgrade-considerations-eleventy-version-2/">New Features and Upgrade Considerations for Eleventy v2.0.0</a> by Stephanie Eckles</li>
</ul>
<h3 id="open-collective-supporters" tabindex="-1">Open Collective Supporters <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2/#open-collective-supporters">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><strong>Gold Sponsors</strong>: <a href="https://www.sanity.io/"><strong>Sanity.io</strong></a>, <a href="https://nordhealth.com/"><strong>Nordhealth</strong></a>, <a href="https://cloudcannon.com/"><strong>CloudCannon</strong></a>, <a href="https://transloadit.com/"><strong>Transloadit</strong></a></li>
<li><strong>Silver Sponsors</strong>: <a href="https://www.unabridgedsoftware.com/"><strong>Unabridged Software</strong></a>, <a href="https://pqina.nl/"><strong>PQINA</strong></a>, <a href="https://bejamas.io/"><strong>Bejamas</strong></a>, <a href="https://sonspring.com/"><strong>Nathan Smith</strong></a>, <a href="https://monarchairgroup.com/"><strong>Monarch Air Group</strong></a>, <a href="https://getform.io/"><strong>Getform.io</strong></a>, <a href="https://www.mercuryjets.com/"><strong>Mercury Jets</strong></a>, <a href="https://www.oceg.org/"><strong>OCEG</strong></a></li>
<li><strong>Backers</strong>: Tyler Gaw, <a href="https://arie.ls/">Ariel Salminen</a>, <a href="https://about.me/peterdehaan">Peter deHaan</a>, Melanie Sumner, <a href="https://www.bennash.com/">Ben Nash</a>, Alejandro Rodríguez, <a href="https://hire.wil.to/">Mat Marquis</a>, <a href="https://pborenstein.com/">Philip Borenstein</a>, <a href="https://www.webstoemp.com/">Jérôme Coupé</a>, <a href="https://nicolas-hoizey.com/">Nicolas Hoizey</a>, <a href="https://mikeaparicio.com/">Mike Aparicio</a>, <a href="https://benmyers.dev/">Ben Myers</a>, Katie Sylor-Miller, <a href="https://markbuskbjerg.dk/">Mark Buskbjerg</a>, <a href="https://morten.dk/">mortendk</a>, Aaron Hans, <a href="https://lauris-webdev.com/">Lauris Consulting</a>, John Meyerhofer, Todd Libby, <a href="https://lukeb.co.uk/">Luke Bonaccorsi</a>, shawn j sandy, <a href="https://jennmoney.biz/">Jenn Schiffer</a>, <a href="https://dgrammatiko.online/">Dimitrios Grammatikogiannis</a>, Devin Clark, <a href="https://ericwbailey.design/">Eric Bailey</a>, Manuel Matuzovic, <a href="https://higby.io/">Higby</a>, <a href="https://www.tgiles.dev/">Tim Giles</a>, Kyosuke Nakamura, <a href="https://twitter.com/LostInBrittany">Horacio Gonzalez</a>, <a href="https://hans.gerwitz.com/">Hans Gerwitz</a>, <a href="https://makotokw.com/">Makoto Kawasaki</a>, <a href="https://robsterlini.co.uk/">Rob Sterlini</a>, <a href="https://joshcrain.io/">Josh Crain</a>, <a href="https://nicknisi.com/">Nick Nisi</a>, <a href="https://genehack.org/">John SJ Anderson</a>, Ryan Swaney, Richard Hemmer, <a href="https://alistairshepherd.uk/">Alistair Shepherd</a>, <a href="https://flak.is/">Flaki</a>, <a href="https://angeliqueweger.com/">Angelique Weger</a>, John Hall, <a href="https://scottmccracken.net/">Scott McCracken</a>, <a href="https://jamessteinbach.com/">James Steinbach</a>, <a href="https://oddbird.net/">Miriam Suzanne</a>, <a href="https://ivoherrmann.com/">Ivo Herrmann</a>, <a href="https://bentleydavis.com/">Bentley Davis</a>, <a href="https://tattooed.dev/">vince falconi</a>, <a href="https://martinschneider.me/">Martin Schneider</a>, <a href="https://thinkdobecreate.com/">Stephanie Eckles</a>, <a href="https://frontendweekly.tokyo/">Frontend Weekly Tokyo</a>, <a href="https://chrisburnell.com/">Chris Burnell</a>, <a href="https://ximenavf.com/">Ximenav Vf.</a>, Rich Holman, Kasper Storgaard, <a href="https://kevhealy.com/">Kevin Healy</a>, <a href="https://dorinvancea.com/">Dorin Vancea</a>, Greg Gibson, <a href="https://hidde.blog/">Hidde</a>, Michelle Barker, <a href="https://alesandroortiz.com/">Alesandro Ortiz</a>, <a href="https://www.david-herron.com/">David A. Herron</a>, <a href="https://paulrobertlloyd.com/">Paul Robert Lloyd</a>, <a href="https://www.andreavaghi.dev/">Andrea Vaghi</a>, Bryan Robinson, <a href="https://ashur.cab/rera">Ashur Cabrera</a>, <a href="https://www.raymondcamden.com/">Raymond Camden</a>, John Meguerian, <a href="https://joelamyman.co.uk/">Joe Lamyman</a>, <a href="https://itsmeara.com/">Ara Abcarians</a>, <a href="https://dryan.com/">Dan Ryan</a>, Sam, <a href="https://wipdeveloper.com/">Brett Nelson</a>, <a href="https://www.nonbreakingspace.co.uk/">Paul Welsh</a>, <a href="https://www.ingo-steinke.com/">Ingo Steinke</a>, <a href="http://melanie-richards.com/">Melanie Richards</a>, <a href="https://forte.is/">Noel Forte</a>, Marco Zehe, Wes Ruvalcaba, <a href="https://www.kloh.ch/">Luc Poupard</a>, <a href="https://www.entle.co/">Entle Web Solutions</a>, <a href="https://allaboutken.com/">Ken Hawkins</a>, <a href="https://www.fershad.com/">Fershad Irani</a>, <a href="https://mefody.dev/">Nikita Dubko</a>, <a href="https://www.aaron-gustafson.com/">Aaron Gustafson</a>, <a href="https://www.chrisswithinbank.net/">Chris</a>, <a href="https://cjlm.ca/">Christian Miles</a>, <a href="https://benjamingeese.de/">Benjamin Geese</a>, <a href="https://www.marcusrelacion.com/">Marcus Relacion</a>, <a href="https://netinnopeustesti.com/">Netin nopeustesti</a>, <a href="https://sia.codes/">Sia Karamalegos</a>, <a href="https://hoeser.dev/">Raphael Höser</a>, <a href="https://alextheward.com/">Cthos</a>, <a href="https://saneef.com/">Saneef Ansari</a>, <a href="https://fokus.design/">Flemming Meyer</a>, Colin Fahrion, <a href="https://danburzo.ro/">Dan Burzo</a>, <a href="https://jonkuperman.com/">Jon Kuperman</a>, <a href="https://neckam.nl/">Michel van der Kroef</a>, <a href="https://dtott.com/">Dan Ott</a>, <a href="https://mobilemall.pk/">Mobilemall.pk</a>, <a href="https://vpsdime.com/">Cheap VPS</a>, <a href="https://darn.es/">David Darnes</a>, <a href="https://roobottom.com/">Jon Roobottom</a>, <a href="https://danabyerly.com/">Dana Byerly</a>, <a href="https://oisin.io/">Oisín Quinn</a>, <a href="https://renkaatsopivasti.fi/">Renkaatsopivasti</a>, <a href="https://windesol.fi/">Windesol Sähkön Kilpailutus</a>, <a href="https://www.interroban.gg/">Luke Mitchell</a>, SignpostMarv, <a href="https://paddn.com/hk">THE PADDING</a>, <a href="https://www.bobmonsour.com/">Bob Monsour</a>, Patrick Byrne, zapscribbles, quinnanya, <a href="https://www.centralvainsulation.com/">Richmond Insulation</a>, <a href="https://birdsong.dev/">Cory Birdsong</a>, Aram ZS, Frank Reding, Andy Stevenson, <a href="https://helppohinta.fi/">HelppoHinta.fi</a>, Robin Rendle, <a href="https://tannerdolby.com/">Tanner Dolby</a>, <a href="https://justin.poehnelt.com/">jpoehnelt</a>, <a href="https://www.richmondconcretepros.com/">Richmond Concrete</a>, <a href="https://geauxweisbeck4.dev/">Andrew Weisbeck</a>, <a href="https://www.celinedesign.com/">CelineDesign</a>, Nic Chan, Duc Lam, <a href="https://alex.zappa.dev/">Alex Zappa</a>, <a href="https://steedgood.com/">Stephen Bell</a>, <a href="https://henry.codes/">xdesro</a>, <a href="https://www.wunschik.it/">Alexander Wunschik</a>, alistairtweedie, <a href="https://tomquinonero.com/">Tom</a>, Robert Haselbacher, <a href="https://www.lenesaile.com/">Lene</a>, Brett DeWoody, <a href="https://metatierlist.com/">Meta Tier List</a>, <a href="https://ivatech.dev/">Iva Tech</a>, kylepfeeley, Daniel Saunders, <a href="https://danurbanowicz.com/">Dan Urbanowicz</a>, <a href="https://danleatherman.com/">dan leatherman</a>, Josh Vickerson, <a href="https://www.viewalitymedia.com/">Viewality Media</a>, <a href="https://aviatorgame.guru/">Aviator Game</a>, <a href="https://www.softermii.com/">Softermii</a>, Eric Carlisle, Claus Conrad, Eric Gallager, <a href="https://mattobee.com/">Matt Obee</a>, <a href="https://cbd.topreview.com/">CBD Review</a></li>
</ul>
The `v8` release of Eleventy’s Base Blog starter project using Eleventy 2.02023-01-24T00:00:00Zhttps://www.11ty.dev/blog/bbv8/<p>Last week marked the <a href="https://www.11ty.dev/blog/eleventy-v2-beta/">first beta release of Eleventy’s new v2.0 version</a>. This week we’ve spent a little time updating our <code>eleventy-base-blog</code> project to the latest version and added a few new features too.</p>
<p><a href="https://github.com/11ty/eleventy-base-blog"><strong>Try out the new <code>eleventy-base-blog</code> Starter Project</strong></a></p>
<hr>
<p>Here’s what the base blog now offers out of the box:</p>
<ul>
<li>Using <a href="https://www.11ty.dev/blog/eleventy-v2-beta/">Eleventy v2.0</a> with the new <a href="https://www.11ty.dev/docs/dev-server/">Eleventy Dev Server</a> and that same great zero-JavaScript taste.
<ul>
<li>Can easily <a href="https://www.11ty.dev/docs/plugins/html-base/">deploy to a subfolder without changing any content</a></li>
</ul>
</li>
<li><strong>Performance focused</strong>: four-hundos Lighthouse score out of the box!
<ul>
<li><strong>0 Cumulative Layout Shift</strong> and <strong>0ms Total Blocking Time</strong></li>
<li><a href="https://eleventy-base-blog.netlify.app/reports/lighthouse/">View the Lighthouse report for the latest demo build</a> courtesy of the <a href="https://github.com/netlify/netlify-plugin-lighthouse">Netlify Lighthouse plugin</a>. Notably, the demo site fails the build if the site goes below a perfect four-hundos threshold.</li>
</ul>
</li>
<li>Content-driven navigation menu via the <a href="https://www.11ty.dev/docs/plugins/navigation/">Eleventy Navigation plugin</a></li>
<li>Automated image optimization (without client JavaScript) via the <a href="https://www.11ty.dev/docs/plugins/image/">Eleventy Image utility</a>
<ul>
<li>Generate modern image formats automatically (e.g. AVIF and WebP)</li>
<li>Automated swap between <code><img></code> and <code><picture></code> dependent on how many output formats you’re using.</li>
<li>Markup is generated for you with <code>srcset</code> and optional <code>sizes</code></li>
<li>Includes <code>width</code>/<code>height</code> attributes to avoid <a href="https://web.dev/cls/">content layout shift</a>.</li>
<li>Includes <code>loading="lazy"</code> for native lazy loading without JavaScript.</li>
<li>Includes <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding"><code>decoding="async"</code></a></li>
<li>Images can be co-located with blog post files.</li>
<li>View the <a href="https://github.com/11ty/eleventy-base-blog/blob/main/eleventy.config.images.js">Image plugin source code</a></li>
</ul>
</li>
<li>Built-in <a href="https://www.11ty.dev/docs/plugins/syntaxhighlight/">syntax highlighter</a> (no client JavaScript)</li>
<li>Blog Posts
<ul>
<li>Draft posts: use <code>draft: true</code> to mark a blog post as a draft. Drafts are <strong>only</strong> included during <code>--serve</code>/<code>--watch</code> and are excluded from full builds. View the <a href="https://github.com/11ty/eleventy-base-blog/blob/main/eleventy.config.drafts.js">Drafts plugin source code</a>.</li>
<li>Automated next/previous links</li>
<li>Accessible deep links to headings</li>
</ul>
</li>
<li>Generated Pages
<ul>
<li>Home, Archive, and About pages by default (configure more as needed!)</li>
<li>Customizable content not found (404) page</li>
<li><a href="https://www.11ty.dev/docs/plugins/rss/">Feeds for Atom and JSON</a></li>
<li><code>sitemap.xml</code></li>
<li>Zero-maintenance tag pages (<a href="https://eleventy-base-blog.netlify.app/tags/">View on the Demo</a>)</li>
</ul>
</li>
</ul>
The very first beta release of Eleventy v2.02023-01-18T00:00:00Zhttps://www.11ty.dev/blog/eleventy-v2-beta/<br>
<div class="elv-callout"><div class="elv-callout-c"><strong><em>Update:</em></strong> The <a href="https://www.11ty.dev/blog/eleventy-v2/">Eleventy v2.0.0 stable release</a> is now available!</div></div>
<p>The very first Eleventy 2.0 Beta release is now available on the <code>@beta</code> channel and we’re looking for Beta testers! You can try it out now:</p>
<pre class="language-sh"><code class="language-sh"><span class="token comment"># Local project</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@beta<br><br><span class="token comment"># Global install</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@beta <span class="token parameter variable">-g</span></code></pre>
<p>Read more about <a href="https://www.11ty.dev/docs/global-installation/">local versus global installation</a>.</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="TcTR0TLqM3I" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/TcTR0TLqM3I/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=TcTR0TLqM3I" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=TcTR0TLqM3I">Watch on YouTube</a></is-land></div>
<h3 id="are-you-new-to-eleventy" tabindex="-1">Are you new to Eleventy? <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#are-you-new-to-eleventy">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p><strong>Eleventy is a flexible and production-ready site generator</strong> known for its zero-client-JavaScript footprint, <a href="https://www.11ty.dev/docs/performance/">speedy sites, speedy builds</a>, and <a href="https://www.youtube.com/watch?v=b4frtsT4Cgo">full control over the output</a>. Watch <a href="https://www.youtube.com/watch?v=EZfNr-YblBE">The State of Eleventy in Two Minutes</a> or <a href="https://www.11ty.dev/docs/">read more about Eleventy’s project goals.</a></p>
<h2 id="the-big-features" tabindex="-1">The Big Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#the-big-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<h3 id="smaller-more-secure" tabindex="-1">Smaller, More Secure <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#smaller-more-secure">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>✅ Dependencies decreased by <strong>32.1%</strong>: <a href="https://npmgraph.js.org/?q=@11ty/eleventy@2.0.0-beta.1">211 modules</a> (<a href="https://npmgraph.js.org/?q=@11ty/eleventy@1.0.2">311 in v1.0.2</a>)</li>
<li>✅ <code>node_modules</code> file weight decreased by <strong>77.8%</strong>: 34.3 MB (155 MB in v1.0.2)</li>
<li>✅ <a href="https://docs.google.com/spreadsheets/d/1lkeWOhEXTNh0yxWaNOl_UFOHQea2YnSHit4QLjqXUb8/edit?usp=sharing"><strong>30.5% faster</strong> <code>npm install</code></a></li>
</ul>
<h3 id="faster-builds" tabindex="-1">Faster Builds <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#faster-builds">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Improved build performance (tested on <a href="https://docs.google.com/spreadsheets/d/1-H3wmT7q7m7G7d5M_dCLxQOiAAX3TP0byQdf0pP1fAQ/edit?usp=sharing">a sample 500 page site</a> against v1.0.2) using:
<ul>
<li>Liquid: ✅ <strong>18.18% faster</strong></li>
<li>Nunjucks: ✅ <strong>17.74% faster</strong></li>
<li>Markdown (with Liquid): ✅ <strong>17.95% faster</strong></li>
<li>JavaScript (11ty.js): ✅ <strong>8.33% faster</strong></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/usage/incremental/"><code>--incremental</code> for incremental builds</a> <a href="https://github.com/11ty/eleventy/issues/108#issuecomment-1362030361">#108</a>
<ul>
<li>Smarter incremental builds with support for layout dependencies, <a href="https://www.11ty.dev/docs/languages/custom/#registering-dependencies">registered dependencies on custom templates</a>, dependencies in <code>pagination</code> data or <a href="https://www.11ty.dev/docs/collections/#declare-your-collections-for-incremental-builds"><code>eleventyImport</code></a> <a href="https://github.com/11ty/eleventy/issues/975">#975</a></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/usage/#ignore-initial-to-run-eleventy-without-an-initial-build"><code>--ignore-initial</code> command line option</a> to skip the first build (best paired with <code>--incremental</code>)</li>
<li>Use <a href="https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve">emulated passthrough copy</a> to serve passthrough files directly without triggering a build (will still work with live reload) <a href="https://github.com/11ty/eleventy/issues/2456">#2456</a></li>
</ul>
<h3 id="plugins" tabindex="-1">Plugins <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#plugins">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Support for <a href="https://www.11ty.dev/docs/languages/webc/">WebC, the new single file format for web components</a></li>
<li><a href="https://www.11ty.dev/docs/plugins/edge/">Eleventy Edge</a> will render Eleventy templates in an Edge Function for dynamic content <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/dev-server/">Eleventy Dev Server</a> replaces Browsersync, adds support for DOM-diffing live reloads. <a href="https://github.com/11ty/eleventy/issues/1305">#1305</a> <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/render/">Render Plugin</a> will render any template syntax inside other files <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/i18n/">Internationalization (i18n) Plugin</a> makes it easy to create localized sites <em>(bundled with Eleventy)</em></li>
<li><a href="https://www.11ty.dev/docs/plugins/html-base/">HTML <code><base></code> Plugin</a> makes it easy to deploy your site to any folder path without changing any content (works great with the path prefix feature) <em>(bundled with Eleventy)</em></li>
<li>Support for the <a href="https://www.11ty.dev/docs/server-vite/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fvitejs.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://vitejs.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Vite plugin</a></li>
</ul>
<h3 id="and-more..." tabindex="-1">And more… <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#and-more...">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Support for <a href="https://www.11ty.dev/docs/languages/custom/#aliasing-an-existing-template-language">aliasing to an existing template language</a> <a href="https://github.com/11ty/eleventy/issues/2248#issuecomment-1341732716">#2248</a>
<ul>
<li>This unlocks TypeScript or JSX in Eleventy when you use <code>esbuild-register</code> and alias <code>11ty.ts</code> or <code>11ty.tsx</code> to <code>11ty.js</code>.</li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/events/#event-arguments">Event arguments</a> unlock new plugin abilities: <code>dir</code> (input/output/includes/data/layouts locations),<br>
<code>outputMode</code> (where the templates are going: <code>fs</code>, <code>json</code>, <code>ndjson</code>), <code>runMode</code> (<code>build</code>, <code>watch</code>, or <code>serve</code>), or <code>results</code> for the processed Eleventy output.</li>
<li>Memory usage improvements to <a href="https://www.11ty.dev/docs/pagination/">Pagination</a></li>
</ul>
<h2 id="breaking-changes" tabindex="-1">Breaking Changes <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#breaking-changes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<div class="elv-callout elv-callout-info"><div class="elv-callout-label">INFO:</div><div class="elv-callout-c">Rather than review this list, it’d be faster to use the <code>eleventy-upgrade-helper</code> plugin, which runs a suite of tests to see whether or not you need to worry about these breaking changes in your project: <a href="https://github.com/11ty/eleventy-upgrade-help">https://github.com/11ty/eleventy-upgrade-help</a></div></div>
<ul>
<li>Bump minimum Node version to <a href="https://github.com/nodejs/release#release-schedule">Node 14+</a> <a href="https://github.com/11ty/eleventy/issues/2336">#2336</a></li>
<li><a href="https://www.11ty.dev/docs/languages/markdown/#indented-code-blocks">Disable indented code blocks in Markdown</a> by default <a href="https://github.com/11ty/eleventy/issues/2438">#2438</a></li>
<li><a href="https://www.11ty.dev/docs/ignores/#configuration-api-added-in-v1.0.0">Both <code>.git</code> and nested <code>node_modules</code> folders are ignored by default</a> (previously we ignored <code>node_modules/**</code>, now <code>**/node_modules/**</code>) <a href="https://github.com/11ty/eleventy/issues/2436">#2436</a></li>
<li><a href="https://www.11ty.dev/docs/data-eleventy-supplied/#fileslug">Dates will now be stripped from the parent directory for <code>page.fileSlug</code> when the file name is <code>index.*</code></a>. e.g. <code>YYYY-MM-DD-myslug/index.md</code> has a <code>page.fileSlug</code> of <code>myslug</code> when previously it was <code>YYYY-MM-DD-myslug</code> <a href="https://github.com/11ty/eleventy/issues/1947">#1947</a> <a href="https://github.com/11ty/eleventy/pull/2111">#2111</a></li>
<li>Dots in global data file names should be preserved in key name for data cascade <a href="https://github.com/11ty/eleventy/issues/1242">#1242</a> <a href="https://github.com/11ty/eleventy/pull/1912">#1912</a></li>
<li>Removes deprecated in v1.0 (and undocumented) <code>renderData</code> feature (use Computed Data instead) <a href="https://github.com/11ty/eleventy/issues/2356">#2356</a></li>
<li>Removes <a href="https://www.11ty.dev/docs/data-preprocessing/">pre-processing global JSON data files with a template language</a> <a href="https://github.com/11ty/eleventy/issues/2728">#2728</a></li>
<li>Removes <a href="https://www.11ty.dev/docs/copy/#passthrough-everything"><code>--passthroughall</code> command line flag</a> <a href="https://github.com/11ty/eleventy/issues/2682">#2682</a></li>
<li>Major dependency bumps:
<ul>
<li><code>liquidjs</code> from v9 to v10 <a href="https://github.com/harttle/liquidjs/releases/tag/v10.0.0">Release notes</a> <a href="https://github.com/11ty/eleventy/issues/2678">#2678</a></li>
<li><code>luxon</code> from v2 to v3 <a href="https://github.com/moment/luxon/blob/master/CHANGELOG.md#300-2022-07-09">Release notes</a></li>
<li><code>markdown-it</code> from v12 to v13 <a href="https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md#1300---2022-04-22">Release notes</a></li>
</ul>
</li>
</ul>
<h2 id="the-small-features" tabindex="-1">The Small Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#the-small-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Adds support for configuration default file names <code>eleventy.config.js</code> and <code>eleventy.config.cjs</code> in addition to <code>.eleventy.js</code> <a href="https://github.com/11ty/eleventy/issues/1029">#1029</a></li>
<li><a href="https://www.11ty.dev/docs/shortcodes/#asynchronous-universal-shortcodes"><code>addShortcode</code> is now async-friendly</a> <a href="https://github.com/11ty/eleventy/issues/2726">#2726</a></li>
<li><a href="https://www.11ty.dev/docs/filters/#asynchronous-universal-filters"><code>addFilter</code> is now async-friendly</a> <a href="https://github.com/11ty/eleventy/issues/2536">#2536</a> (also adds an <code>addAsyncFilter</code> API method)</li>
<li>File watching:
<ul>
<li>Eleventy Dev Server includes a <a href="https://www.11ty.dev/docs/dev-server/#options"><code>watch</code> option</a> to trigger live reloads on file changes outside of your Eleventy build. Works great when you’re using a bundler in parallel!</li>
<li>Decoupled ignore APIs for template processing (<code>eleventyConfig.ignores</code>) and <a href="https://www.11ty.dev/docs/watch-serve/#configuration-api">file watching (<code>eleventyConfig.watchIgnores</code>)</a> <a href="https://github.com/11ty/eleventy/issues/893">#893</a></li>
</ul>
</li>
<li>Access <a href="https://www.11ty.dev/docs/copy/#advanced-options">advanced <code>recursive-copy</code> options in passthrough file copy</a> <a href="https://github.com/11ty/eleventy/pull/1686">#1686</a>
<ul>
<li>Unlocks passthrough copy with symlinks <a href="https://github.com/11ty/eleventy/issues/530">#530</a></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/docs/filters/log/#using-log-in-filter-chains"><code>log</code> filter supports chaining</a> <a href="https://github.com/11ty/eleventy/pull/2467">#2467</a></li>
<li>Adds <a href="https://www.11ty.dev/docs/dates/#setting-a-content-date-in-front-matter">new <code>git Created</code> date option</a> <a href="https://github.com/11ty/eleventy/pull/2468">#2468</a></li>
<li>Adds <a href="https://www.11ty.dev/docs/data-custom/#usage-with-options">options for <code>read</code> and <code>encoding</code> to custom data formats</a>
<ul>
<li>This unlocks using <a href="https://www.11ty.dev/docs/data-custom/#feed-exif-image-data-into-the-data-cascade">binary files (like images) to populate the Data Cascade</a></li>
</ul>
</li>
</ul>
<h3 id="even-smaller-features" tabindex="-1">Even Smaller Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#even-smaller-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><a href="https://www.11ty.dev/docs/config/#change-file-suffix-for-data-files"><code>setDataFileSuffixes</code> API method to customize Template and Directory data file suffixes</a> (or opt-out of the Template and Directory Data Files feature) <a href="https://github.com/11ty/eleventy/issues/2681">#2681</a></li>
<li><a href="https://www.11ty.dev/docs/plugins/serverless/#compile-the-data-cascade-for-the-project">Serverless option <code>singleTemplateScope: false</code></a> simplifies using collections in serverless mode. <a href="https://github.com/11ty/eleventy/issues/2736">#2736</a></li>
<li>A variety of bug fixes for <code>--serve</code> issues that required server restarts.</li>
<li>Data Consistency:
<ul>
<li><code>this.page</code> and <code>this.eleventy</code> are now available on <a href="https://www.11ty.dev/docs/shortcodes/#scoped-data-in-shortcodes">Shortcodes</a>, <a href="https://www.11ty.dev/docs/filters/#scoped-data-in-filters">🆕 Filters</a>, <a href="https://www.11ty.dev/docs/config/#linters">🆕 Linters</a>, and <a href="https://www.11ty.dev/docs/config/#transforms">🆕 Transforms</a></li>
<li><a href="https://www.11ty.dev/docs/collections/#collection-item-data-structure"><code>page</code> and <code>content</code> on Collection entries</a></li>
</ul>
</li>
<li>Adds <a href="https://www.11ty.dev/docs/filters/collection-items/#getcollectionitemindex"><code>getCollectionItemIndex</code> universal filter</a> <a href="https://github.com/11ty/eleventy/issues/2676">#2676</a></li>
<li>Throw error on circular layout dependencies <a href="https://github.com/11ty/eleventy/pull/2076">#2076</a></li>
<li>Plugins can now reference <code>eleventyConfig.pathPrefix</code> <a href="https://github.com/11ty/eleventy/issues/2526">#2526</a></li>
<li><a href="https://www.11ty.dev/docs/pagination/#generating-an-empty-results-page"><code>generatePageOnEmptyData</code> to generate an empty results page</a> with an empty paginated data set <a href="https://github.com/11ty/eleventy/pull/1698">#1698</a> <a href="https://github.com/11ty/eleventy/issues/756">#756</a> <a href="https://github.com/11ty/eleventy/issues/731">#731</a> <a href="https://github.com/11ty/eleventy/pull/2208">#2208</a></li>
<li>Creating an empty JSON data file no longer throws an error <a href="https://github.com/11ty/eleventy/issues/2299">#2299</a></li>
</ul>
<h2 id="housekeeping" tabindex="-1">Housekeeping <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#housekeeping">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Full issue list: <a href="https://github.com/11ty/eleventy/milestone/38?closed=1">https://github.com/11ty/eleventy/milestone/38?closed=1</a></li>
<li>Full changelog: <a href="https://github.com/11ty/eleventy/compare/v1.0.2...v2.0.0-beta.1">https://github.com/11ty/eleventy/compare/v1.0.2...v2.0.0-beta.1</a></li>
</ul>
<h2 id="thank-you-notes" tabindex="-1">Thank You Notes <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#thank-you-notes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy (<a href="https://www.11ty.dev/authors/">×669 authors on our web site!</a>), wrote a blog post about Eleventy, <a href="https://github.com/11ty/eleventy/graphs/contributors">contributed code</a>, wrote a plugins, <a href="https://github.com/11ty/11ty-website/graphs/contributors">helped with documentation</a>, asked questions, answered questions, braved <a href="https://www.11ty.dev/speedlify/">The Leaderboards</a>, participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.</p>
<ul>
<li>A <strong>huge thank you to <a href="https://www.netlify.com/">Netlify</a></strong>, especially: Matt Biilmann, Chris Bach, Lauren Sell (alum), and Claire Knight, without whom this release would not have been possible.</li>
<li>🏆 A special thanks to <a href="https://github.com/pdehaan">Peter DeHaan</a> for their tireless contributions on the Eleventy Issue tracker.</li>
<li>Yet more thanks to the all star Discord Moderators and Meetup Coordinators <a href="https://benmyers.dev/">Ben Myers</a>, <a href="https://www.cassey.dev/">Cassey Lottman</a>, <a href="https://danleatherman.com/">Dan Leatherman</a>, <a href="https://darthmall.net/">Evan Sheehan</a>, <a href="https://helloyes.dev/">Thomas M. Semmler</a>, <a href="https://sia.codes/">Sia Karamalegos</a> and <a href="https://thinkdobecreate.com/">Stephanie Eckles</a>.</li>
<li>All of our <a href="https://opencollective.com/11ty">supporters on Open Collective</a> ❤️</li>
<li><a href="https://opencollective.com/11ty">Contribute on Open Collective</a></li>
<li><a href="https://www.11ty.dev/docs/community/">How else can you contribute to Eleventy?</a></li>
</ul>
<h3 id="pull-requests-from" tabindex="-1">Pull Requests From <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#pull-requests-from">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p><a href="https://github.com/AleksandrHovhannisyan">@AleksandrHovhannisyan</a> 🆕, <a href="https://github.com/amareshsm">@amareshsm</a> ×2 🆕, <a href="https://github.com/binyamin">@binyamin</a>, <a href="https://github.com/DamianOsipiuk">@DamianOsipiuk</a> 🆕, <a href="https://github.com/epelc">@epelc</a> ×2 🆕, <a href="https://github.com/j-f1">@j-f1</a> 🆕, <a href="https://github.com/Jaza">@Jaza</a> 🆕, <a href="https://github.com/kentaroi">@kentaroi</a> 🆕, <a href="https://github.com/kev4ev">@kev4ev</a> 🆕, <a href="https://github.com/LeoSchae">@LeoSchae</a> 🆕, <a href="https://github.com/milahu">@milahu</a> ×3, <a href="https://github.com/nasivuela">@nasivuela</a> 🆕, <a href="https://github.com/NickColley">@NickColley</a> 🆕, <a href="https://github.com/NotWoods">@NotWoods</a>, <a href="https://github.com/Obayanju">@Obayanju</a> 🆕, <a href="https://github.com/Snapstromegon">@Snapstromegon</a> ×16 (wow! 🤯), <a href="https://github.com/TheDocTrier">@TheDocTrier</a> 🆕, <a href="https://github.com/thinkverse">@thinkverse</a> 🆕, <a href="https://github.com/TigersWay">@TigersWay</a> 🆕, <a href="https://github.com/wes-goulet">@wes-goulet</a> 🆕</p>
<h3 id="read-more-from-the-community" tabindex="-1">Read more from the Community <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#read-more-from-the-community">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><a href="https://11ty.rocks/posts/new-features-upgrade-considerations-eleventy-version-2/">New Features and Upgrade Considerations for Eleventy v2.0.0</a> by Stephanie Eckles</li>
</ul>
<h3 id="open-collective-supporters" tabindex="-1">Open Collective Supporters <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v2-beta/#open-collective-supporters">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><strong>Gold Sponsors</strong>: <a href="https://www.sanity.io/"><strong>Sanity.io</strong></a>, <a href="https://nordhealth.com/"><strong>Nordhealth</strong></a>, <a href="https://cloudcannon.com/"><strong>CloudCannon</strong></a>, <a href="https://transloadit.com/"><strong>Transloadit</strong></a></li>
<li><strong>Silver Sponsors</strong>: <a href="https://www.unabridgedsoftware.com/"><strong>Unabridged Software</strong></a>, <a href="https://pqina.nl/"><strong>PQINA</strong></a>, <a href="https://bejamas.io/"><strong>Bejamas</strong></a>, <a href="https://sonspring.com/"><strong>Nathan Smith</strong></a>, <a href="https://monarchairgroup.com/"><strong>Monarch Air Group</strong></a>, <a href="https://getform.io/"><strong>Getform.io</strong></a>, <a href="https://www.mercuryjets.com/"><strong>Mercury Jets</strong></a>, and <a href="https://www.oceg.org/"><strong>OCEG</strong></a></li>
<li><strong>Backers</strong>: Tyler Gaw, <a href="https://arie.ls/">Ariel Salminen</a>, <a href="https://about.me/peterdehaan">Peter deHaan</a>, Melanie Sumner, <a href="https://www.bennash.com/">Ben Nash</a>, Alejandro Rodríguez, <a href="https://hire.wil.to/">Mat Marquis</a>, <a href="https://pborenstein.com/">Philip Borenstein</a>, <a href="https://www.webstoemp.com/">Jérôme Coupé</a>, <a href="https://nicolas-hoizey.com/">Nicolas Hoizey</a>, <a href="https://mikeaparicio.com/">Mike Aparicio</a>, <a href="https://benmyers.dev/">Ben Myers</a>, Katie Sylor-Miller, <a href="https://markbuskbjerg.dk/">Mark Buskbjerg</a>, <a href="https://morten.dk/">mortendk</a>, Aaron Hans, <a href="https://lauris-webdev.com/">Lauris Consulting</a>, John Meyerhofer, Todd Libby, <a href="https://lukeb.co.uk/">Luke Bonaccorsi</a>, shawn j sandy, <a href="https://jennmoney.biz/">Jenn Schiffer</a>, <a href="https://dgrammatiko.online/">Dimitrios Grammatikogiannis</a>, Devin Clark, <a href="https://ericwbailey.design/">Eric Bailey</a>, Manuel Matuzovic, Kyosuke Nakamura, <a href="https://www.tgiles.dev/">Tim Giles</a>, <a href="https://hans.gerwitz.com/">Hans Gerwitz</a>, <a href="https://makotokw.com/">Makoto Kawasaki</a>, <a href="https://twitter.com/LostInBrittany">Horacio Gonzalez</a>, <a href="https://robsterlini.co.uk/">Rob Sterlini</a>, <a href="https://joshcrain.io/">Josh Crain</a>, <a href="https://annualbeta.com/">Søren Birkemeyer</a>, Richard Hemmer, <a href="https://nicknisi.com/">Nick Nisi</a>, <a href="https://genehack.org/">John SJ Anderson</a>, Ryan Swaney, <a href="https://alistairshepherd.uk/">Alistair Shepherd</a>, <a href="https://ivoherrmann.com/">Ivo Herrmann</a>, <a href="https://flak.is/">Flaki</a>, John Hall, <a href="https://scottmccracken.net/">Scott McCracken</a>, <a href="https://jamessteinbach.com/">James Steinbach</a>, <a href="https://oddbird.net/">Miriam Suzanne</a>, <a href="https://angeliqueweger.com/">Angelique Weger</a>, <a href="https://bentleydavis.com/">Bentley Davis</a>, <a href="https://tattooed.dev/">vince falconi</a>, <a href="https://martinschneider.me/">Martin Schneider</a>, <a href="https://thinkdobecreate.com/">Stephanie Eckles</a>, <a href="https://frontendweekly.tokyo/">Frontend Weekly Tokyo</a>, <a href="https://chrisburnell.com/">Chris Burnell</a>, <a href="https://ximenavf.com/">Ximenav Vf.</a>, Rich Holman, Kasper Storgaard, <a href="https://kevhealy.com/">Kevin Healy</a>, Greg Gibson, <a href="https://hidde.blog/">Hidde</a>, Michelle Barker, <a href="https://alesandroortiz.com/">Alesandro Ortiz</a>, <a href="https://www.david-herron.com/">David A. Herron</a>, <a href="https://paulrobertlloyd.com/">Paul Robert Lloyd</a>, <a href="https://www.andreavaghi.dev/">Andrea Vaghi</a>, Bryan Robinson, <a href="https://ashur.cab/rera">Ashur Cabrera</a>, <a href="https://www.raymondcamden.com/">Raymond Camden</a>, John Meguerian, <a href="https://joelamyman.co.uk/">Joe Lamyman</a>, <a href="https://dorinvancea.com/">Dorin Vancea</a>, <a href="https://itsmeara.com/">Ara Abcarians</a>, <a href="https://www.nonbreakingspace.co.uk/">Paul Welsh</a>, <a href="https://www.ingo-steinke.com/">Ingo Steinke</a>, <a href="https://dryan.com/">Dan Ryan</a>, Sam, <a href="https://wipdeveloper.com/">Brett Nelson</a>, <a href="http://melanie-richards.com/">Melanie Richards</a>, Marco Zehe, Wes Ruvalcaba, <a href="https://www.kloh.ch/">Luc Poupard</a>, <a href="https://forte.is/">Noel Forte</a>, <a href="https://www.entle.co/">Entle Web Solutions</a>, <a href="https://allaboutken.com/">Ken Hawkins</a>, <a href="https://www.fershad.com/">Fershad Irani</a>, <a href="https://mefody.dev/">Nikita Dubko</a>, <a href="https://www.aaron-gustafson.com/">Aaron Gustafson</a>, <a href="https://www.chrisswithinbank.net/">Chris</a>, <a href="https://cjlm.ca/">Christian Miles</a>, <a href="https://benjamingeese.de/">Benjamin Geese</a>, <a href="https://www.marcusrelacion.com/">Marcus Relacion</a>, <a href="https://netinnopeustesti.com/">Netin nopeustesti</a>, <a href="https://alextheward.com/">Cthos</a>, <a href="https://sia.codes/">Sia Karamalegos</a>, <a href="https://jonkuperman.com/">Jon Kuperman</a>, <a href="https://hoeser.dev/">Raphael Höser</a>, <a href="https://saneef.com/">Saneef Ansari</a>, <a href="https://fokus.design/">Flemming Meyer</a>, Colin Fahrion, <a href="https://danburzo.ro/">Dan Burzo</a>, <a href="https://dtott.com/">Dan Ott</a>, <a href="https://mobilemall.pk/">Mobilemall.pk</a>, <a href="https://vpsdime.com/">Cheap VPS</a>, <a href="https://darn.es/">David Darnes</a>, <a href="https://neckam.nl/">Michel van der Kroef</a>, <a href="https://roobottom.com/">Jon Roobottom</a>, <a href="https://danabyerly.com/">Dana Byerly</a>, <a href="https://oisin.io/">Oisín Quinn</a>, <a href="https://renkaatsopivasti.fi/">Renkaatsopivasti</a>, <a href="https://windesol.fi/">Windesol Sähkön Kilpailutus</a>, <a href="https://www.interroban.gg/">Luke Mitchell</a>, SignpostMarv, <a href="https://paddn.com/hk">THE PADDING</a>, <a href="https://www.bobmonsour.com/">Bob Monsour</a>, Patrick Byrne, zapscribbles, Frank Reding, quinnanya, <a href="https://www.centralvainsulation.com/">Richmond Insulation</a>, <a href="https://birdsong.dev/">Cory Birdsong</a>, Aram ZS, Andy Stevenson, <a href="https://helppohinta.fi/">HelppoHinta.fi</a>, Robin Rendle, <a href="https://tannerdolby.com/">Tanner Dolby</a>, <a href="https://justin.poehnelt.com/">jpoehnelt</a>, <a href="https://www.richmondconcretepros.com/">Richmond Concrete</a>, <a href="https://geauxweisbeck4.dev/">Andrew Weisbeck</a>, <a href="https://tomquinonero.com/">Tom</a>, <a href="https://www.celinedesign.com/">CelineDesign</a>, Nic Chan, Duc Lam, <a href="https://alex.zappa.dev/">Alex Zappa</a>, <a href="https://steedgood.com/">Stephen Bell</a>, Brett DeWoody, alistairtweedie, <a href="https://metatierlist.com/">Meta Tier List</a>, <a href="https://henry.codes/">xdesro</a>, <a href="https://www.wunschik.it/">Alexander Wunschik</a>, Robert Haselbacher, <a href="https://www.lenesaile.com/">Lene</a>, <a href="https://ivatech.dev/">Iva Tech</a>, kylepfeeley, Daniel Saunders, <a href="https://danurbanowicz.com/">Dan Urbanowicz</a>, <a href="https://danleatherman.com/">dan leatherman</a>, <a href="https://www.viewalitymedia.com/">Viewality Media</a>, <a href="https://aviatorgame.guru/">Aviator Game</a>, <a href="https://www.softermii.com/">Softermii</a>, Eric Carlisle, Claus Conrad, <a href="https://cbd.topreview.com/">CBD Review</a>, Eric Gallager</li>
</ul>
Jamstack Community Survey 2022 Results2022-11-29T00:00:00Zhttps://www.11ty.dev/blog/jamstack-survey-2022/<h3 id="check-out-the-jamstack-community-survey-2022" tabindex="-1">Check out the <a href="https://jamstack.org/survey/2022/">Jamstack Community Survey 2022</a> <a class="direct-link" href="https://www.11ty.dev/blog/jamstack-survey-2022/#check-out-the-jamstack-community-survey-2022">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p>Looks like our usage grew from <a href="https://jamstack.org/survey/2022/#frameworks-by-usage-and-satisfaction">17% to 19% while keeping a solid 3.8 satisfaction score</a>.</p>
<p>Also notably:</p>
<blockquote>
<p>11ty was the only purely static site generator (SSG) in our survey to show growth in usage share. For this reason we think 11ty is now the clear choice if a static site is your use case.</p>
</blockquote>
<blockquote>
<p>As we mentioned already, if you’re building a static or nearly-static site, we continue to think 11ty is an excellent choice given its growth relative to other SSGs in the space.</p>
</blockquote>
<p>We really appreciate the support, everyone!</p>
<p>Read more <a href="https://www.netlify.com/blog/jamstack-community-survey-2022/">on the Netlify Blog: <em>Top Takeaways from the Jamstack Community Survey 2022</em></a></p>
<h3 id="previously" tabindex="-1">Previously: <a class="direct-link" href="https://www.11ty.dev/blog/jamstack-survey-2022/#previously">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li><a href="https://www.11ty.dev/blog/jamstack-survey-2021/">2021</a></li>
<li><a href="https://www.11ty.dev/blog/jamstack-survey/">2020</a></li>
</ul>
The State of Eleventy (2022) in Two Minutes2022-11-28T00:00:00Zhttps://www.11ty.dev/blog/state-of-eleventy-2022/<ul>
<li><a href="https://www.youtube.com/watch?v=EZfNr-YblBE">Watch on YouTube</a></li>
<li>Read a bunch more detail on <a href="https://www.zachleat.com/web/state-of-eleventy-2022/">zachleat.com</a>.</li>
</ul>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/EZfNr-YblBE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
Represent Eleventy in the State of JavaScript Survey 20222022-11-23T00:00:00Zhttps://www.11ty.dev/blog/state-of-js/<p>Looks like Eleventy is listed on this year’s <a href="https://stateofjs.com/">State of JavaScript Survey</a> in the “Rendering Frameworks” section——it would be really lovely if our community were well represented in the data!</p>
<p>Appreciate y’all!</p>
<p><a href="https://stateofjs.com/" style="display: block; max-width: 16em"><img alt="Screenshot of https://stateofjs.com/" loading="lazy" decoding="async" class="sites-screenshot" src="https://v1.screenshot.11ty.dev/https%3A%2F%2Fstateofjs.com%2F/small/1:1/" width="375" height="375"></a></p>
Four Million npm Downloads!2022-09-30T00:00:00Zhttps://www.11ty.dev/blog/four-million/<p>On September 16, 2022 <strong>Eleventy passed <a href="https://npm-stat.com/charts.html?package=@11ty/eleventy&from=2018-01-01&to=2022-09-16">four million lifetime downloads</a></strong>!</p>
<p><em>(This number is limited to Eleventy core and doesn’t count our ecosystem of utilities and plugins.)</em></p>
<p>We put up a nice <a href="https://twitter.11ty.dev/1575886929916108800">celebratory video on Twitter</a>.</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="xlBXAHqjlec" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/xlBXAHqjlec/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=xlBXAHqjlec" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=xlBXAHqjlec">Watch on YouTube</a></is-land></div>
<p>(and on our <a href="https://www.youtube.com/watch?v=xlBXAHqjlec">YouTube channel</a> too)</p>
<p>Thanks for the support, y’all!</p>
<h2 id="previous-arbitrary-milestones" tabindex="-1">Previous arbitrary milestones <a class="direct-link" href="https://www.11ty.dev/blog/four-million/#previous-arbitrary-milestones">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://www.11ty.dev/blog/three-million/">Three Million npm Downloads!</a></li>
<li><a href="https://www.11ty.dev/blog/2million/">Two Million npm Downloads!</a></li>
<li><a href="https://twitter.11ty.dev/1338210611797389312">Twitter: One Million npm Downloads!</a></li>
</ul>
Three Million npm Downloads!2022-04-22T00:00:00Zhttps://www.11ty.dev/blog/three-million/<p><strong>On March 25, 2022 Eleventy passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2022-03-25">three million lifetime downloads</a>!</strong> We put up a nice <a href="https://twitter.11ty.dev/1513559535830671362">celebratory video on Twitter</a>.</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="qP3GDtn-0BQ" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/qP3GDtn-0BQ/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=qP3GDtn-0BQ" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=qP3GDtn-0BQ">Watch on YouTube</a></is-land></div>
<p>(and on our <a href="https://www.youtube.com/watch?v=qP3GDtn-0BQ">YouTube channel</a> too)</p>
<p>Thanks for the support, y’all!</p>
Use Eleventy Edge to deliver dynamic web sites on the Edge2022-04-19T00:00:00Zhttps://www.11ty.dev/blog/eleventy-edge/<p>I am very proud to introduce a brand new addition to Eleventy: Eleventy Edge.</p>
<p>Eleventy Edge is an exciting new way to add dynamic content to your Eleventy templates. With a simple Eleventy shortcode you can opt-in a part of your Eleventy template to run on an Edge server, allowing your site to use dynamic, user-specific content!</p>
<ul>
<li><strong><a href="https://www.11ty.dev/docs/plugins/edge/">Eleventy Edge Plugin documentation</a></strong></li>
<li><strong><a href="https://demo-eleventy-edge.netlify.app/">Eleventy Edge Demos</a></strong></li>
<li><strong><a href="https://github.com/11ty/demo-eleventy-edge"><code>demo-eleventy-edge</code> Source Code on GitHub</a></strong></li>
</ul>
<h2 id="a-few-ideas" tabindex="-1">A few ideas <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-edge/#a-few-ideas">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>Here are a few ideas of things you could do with the new Eleventy Edge plugin:</p>
<ul>
<li>Any user personalized content (User accounts, premium-only content, AB testing)</li>
<li>Accessing/setting HTTP Headers (e.g. Cookies, Save-Data, Client Hints, etc)</li>
<li><a href="https://demo-eleventy-edge.netlify.app/forms/">Handling Forms</a></li>
<li>Using Geolocation information to localize content</li>
<li>A zero-clientside JavaScript <a href="https://demo-eleventy-edge.netlify.app/appearance/">Dark mode/Light mode toggle</a></li>
</ul>
<h2 id="supplement-your-build" tabindex="-1">Supplement your build <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-edge/#supplement-your-build">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>You can use Eleventy Edge with your existing projects and templates—render just a portion of your build template on the Edge:</p>
<div class="codetitle codetitle-left"><b>Syntax </b>Nunjucks, Liquid</div>
<pre class="language-liquid"><code class="language-liquid">The content outside of the `edge` shortcode is generated with the Build.<br><br><span class="token liquid language-liquid"><span class="token delimiter punctuation">{%</span> edge <span class="token delimiter punctuation">%}</span></span><br>The content inside of the `edge` shortcode is generated on the Edge.<br><br>* Use a query param value here.<br>* Use a cookie value here.<br>* All without clientside JS.<br><span class="token liquid language-liquid"><span class="token delimiter punctuation">{%</span> endedge <span class="token delimiter punctuation">%}</span></span></code></pre>
<p>This feature makes heavy use of <a href="https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/">Netlify’s new Edge Functions feature</a> to run Eleventy in Deno on Edge servers. It continues Eleventy’s architectural dedication to markup-first zero-clientside JavaScript solutions to deliver the fast and scalable dynamic web sites. Check out our <a href="https://demo-eleventy-edge.netlify.app/">introductory demos</a> and watch for more content to come discussing this exciting new feature.</p>
<h2 id="more-around-the-web" tabindex="-1">More around the web <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-edge/#more-around-the-web">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/">Netlify Docs: Edge Functions overview</a></li>
<li><a href="https://deno.com/blog/netlify-edge-functions-on-deno-deploy"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fdeno.com%2Fblog%2Fnetlify-edge-functions-on-deno-deploy/" width="150" height="150" alt="IndieWeb Avatar for https://deno.com/blog/netlify-edge-functions-on-deno-deploy" class="avatar avatar-indieweb" loading="lazy" decoding="async">Netlify Edge Functions on Deno Deploy</a></li>
<li><a href="https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions">Netlify Edge Functions: A new serverless runtime powered by Deno</a></li>
</ul>
New Eleventy YouTube Channel2022-02-18T00:00:00Zhttps://www.11ty.dev/blog/youtube-channel/<p><a href="https://www.youtube.com/channel/UCskGTioqrMBcw8pd14_334A">🎥 Eleventy has a new YouTube channel!</a></p>
<p>We’ll be sharing updates and community content over there. Like/dislike/subscribe/unsubscribe at your leisure!</p>
Full Time Open Source Development for Eleventy, sponsored by Netlify2022-02-14T00:00:00Zhttps://www.11ty.dev/blog/eleventy-oss/<p>And now a special message via <a href="https://www.youtube.com/watch?v=pPkWxn0TF9w">YouTube</a> and <a href="https://twitter.11ty.dev/1493284209925967872">Twitter</a>.</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="pPkWxn0TF9w" playlabel="Play" style="background-image:url('https://img.youtube.com/vi/pPkWxn0TF9w/hqdefault.jpg')">
<a href="https://youtube.com/watch?v=pPkWxn0TF9w" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=pPkWxn0TF9w">Watch on YouTube</a></is-land></div>
<ul>
<li><a href="https://www.netlify.com/blog/growing-our-open-source-contributions">Read more on the Netlify Blog: <em>Doubling down on the ecosystem: open source and integrations</em></a></li>
<li><a href="https://www.youtube.com/watch?v=pPkWxn0TF9w">Watch on YouTube</a></li>
<li><a href="https://twitter.11ty.dev/1493284209925967872">More discussion on Twitter</a></li>
</ul>
<h2 id="transcript" tabindex="-1">Transcript: <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-oss/#transcript">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>If you're seeing this video, it is Monday, February 14—Yep.</p>
<p>Which means that I am now very excited to announce that effective today, Netlify will be sponsoring full-time development of Eleventy!</p>
<p>Eleventy started with the very basic idea that the tools we use to make websites should be simpler for both beginners and experts, and we are still working very hard to continue to deliver on that mission today.</p>
<p>This announcement is such huge news for our project in multiple ways: the project's longevity, sustainability, delivery of features, integrations fixes enabling folks to take on even larger scale projects (if this sounds like your project, please get in touch).</p>
<p>This is one small part of Netlify's larger strategy to invest in an ecosystem of frameworks and tools to make building for the web easier, more resilient, and more scalable. I'm now on a team of three folks working toward those goals, and if this sounds like a pretty sweet deal to you, we are hiring.</p>
<p>And personally speaking, I'm just so grateful to have this opportunity. Grateful to the folks that have trusted Eleventy with their web projects, grateful to folks that have participated in our community, whether it be answering questions, writing blog posts, code, docs, or being friendly on Discord, Twitter, or at meetups.</p>
<p>I'm grateful to everyone building for the open web—accessible to all—independent of walled gardens and app stores, where a wallet isn't a prerequisite.</p>
<p>And I don't know if you all can tell, but I am so excited. If Eleventy was walking before now we're going to find out what it really feels like to run.</p>
<p>Stay tuned.</p>
Eleventy v1.0.0, the stable release.2022-01-09T00:00:00Zhttps://www.11ty.dev/blog/eleventy-one-point-oh/<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/">Full docs for v1.0.0 on our web site</a></li>
</ul>
<p>This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy (<a href="https://v1-0-0.11ty.dev/authors/">×476 authors on our web site!</a>), wrote a blog post about Eleventy, <a href="https://github.com/11ty/eleventy/graphs/contributors">contributed code to core</a> or plugins, <a href="https://github.com/11ty/11ty-website/graphs/contributors">documentation</a>, asked questions, answered questions, braved <a href="https://www.11ty.dev/speedlify/">The Leaderboards</a>, participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on Twitter ❤️.</p>
<p>I really wish I had time to list everyone, but I do want to mention a few folks that have made tremendous contributions:</p>
<ul>
<li>🏆 A super special thanks to <a href="https://github.com/pdehaan">Peter DeHaan</a> and <a href="https://github.com/binyamin">Binyamin Green</a> for their tireless contributions on the Eleventy Issue tracker.</li>
<li>All of our <a href="https://opencollective.com/11ty">supporters on Open Collective</a> ❤️
<ul>
<li>Gold Sponsors: <a href="https://www.sanity.io/"><strong>Sanity.io</strong></a>, <a href="https://nordhealth.com/"><strong>Nordhealth</strong></a>, <a href="https://www.movavi.com/screen-recorder-mac/"><strong>Screen recorder for Mac</strong></a></li>
<li>Silver Sponsors: <a href="https://swop.link/open-collective"><strong>Piccalilli</strong></a>, <a href="https://eslint.org/"><strong>ESLint</strong></a>, <a href="https://www.unabridgedsoftware.com/"><strong>Unabridged Software</strong></a>, <a href="https://pqina.nl/"><strong>PQINA</strong></a>, <a href="https://thecodersguild.org.uk/"><strong>The Coders Guild</strong></a>, <a href="https://bejamas.io/"><strong>Bejamas</strong></a></li>
<li>A full list of Backers can be found below!</li>
</ul>
</li>
<li><a href="https://opencollective.com/11ty">Contribute on Open Collective</a></li>
<li><a href="https://v1-0-0.11ty.dev/docs/how-to-support/">How else can you contribute to Eleventy?</a></li>
</ul>
<h2 id="install-or-upgrade" tabindex="-1">Install or Upgrade <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#install-or-upgrade">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Install to your local project: <code>npm install @11ty/eleventy</code></li>
<li>Already installed in your local project? Upgrade your version: <code>npm update @11ty/eleventy</code></li>
<li><em>Read more about <a href="https://v1-0-0.11ty.dev/docs/global-installation/">local project versus global installation</a></em></li>
</ul>
<p><strong>Upgrading from 0.x? Try out the <code>eleventy-upgrade-help</code> plugin.</strong></p>
<p>This will log breaking changes that apply to your project. <a href="https://github.com/11ty/eleventy-upgrade-help">https://github.com/11ty/eleventy-upgrade-help</a></p>
<h2 id="breaking-changes" tabindex="-1">Breaking Changes <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#breaking-changes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Changes Node requirement to 12+ (previously: 10+)</li>
<li>Data Deep Merge is now enabled by default
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-deep-merge/">Docs: Data Deep Merge</a> and <em>Issue #1753</em></li>
</ul>
</li>
<li>The ordering in the Data Cascade changed slightly: <em>Front Matter in Layout</em> files moved to be lower precedence, below Template and Data Directory Files (but higher than Global Data).
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-cascade/">Docs: Data Cascade</a> and <em>Issue #915</em></li>
</ul>
</li>
<li><code>liquidjs</code> v9 major version upgrade changes:
<ul>
<li><code>setLiquidOptions</code>: Eleventy default for <code>dynamicPartials</code> changed to <code>true</code>. <em>Issue #240</em> <strong>Unquoted include paths will need to be updated or revert using <code>dynamicPartials: false</code></strong></li>
<li><code>setLiquidOptions</code>: Liquid option <code>strict_filters</code> renamed to <code>strictFilters</code>. <em>Issue #1390</em></li>
<li><code>setLiquidOptions</code>: Eleventy default for <code>strict_filters</code>/<code>strictFilters</code> changed to <code>true</code>. <em>Issue #222</em></li>
<li>Relative path includes (e.g. <code>{% include "./include.liquid" %}</code>) now look relative to the file first, and the includes directory second. <em><a href="https://github.com/11ty/eleventy/issues/2090#issuecomment-970440427">Issue #2090</a></em></li>
</ul>
</li>
<li><code>ejs</code> v3 major version upgrade changes: <em>Issue #1392</em>
<ul>
<li>Removes <code><% include /included %></code> style include, use <code><%- include('/included') -%></code> instead. <strong>Don’t forget the dash <code><%-</code> and <code>-%></code>!</strong></li>
</ul>
</li>
<li><code>.gitignore</code> files outside of your project root are no longer supported when calculating ignored paths in Eleventy. <em>Issue #364</em>
<ul>
<li>✅ {ROOT}/.gitignore (supported)</li>
<li>🚫 {INPUT_DIR}/.gitignore (<em>not</em> supported)</li>
<li>✅ {ROOT}/.eleventyignore (supported)</li>
<li>✅ {INPUT_DIR}/.eleventyignore (supported)</li>
</ul>
</li>
<li>If you rely on the <code>YYYY-MM-DD</code> format in your file names for content dates, these are now assumed to be UTC instead of local dates. Take care if you use <code>liquid</code>’s built-in <code>date</code> format with <code>page.date</code>!
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/dates/">Docs: Content Dates</a>, <em>Issue #1752</em>, and <a href="https://github.com/harttle/liquidjs/issues/375">https://github.com/harttle/liquidjs/issues/375</a></li>
</ul>
</li>
<li><code>browser-sync</code>:
<ul>
<li>Default to <code>ui: false</code> <em>Issue #843</em></li>
<li>Default to <code>ghostMode: false</code> <em>Issue #841</em></li>
<li><a href="https://v1-0-0.11ty.dev/docs/watch-serve/#override-browsersync-server-options">Re-enable these features using <code>eleventyConfig.setBrowserSyncConfig</code></a></li>
</ul>
</li>
<li>Removes the <code>jstl</code> template language. Use <code>11ty.js</code> instead. <em>Issue #1084</em></li>
<li>Change to <code>dataTemplateEngine: false</code> by default. <em>Issue #174</em></li>
</ul>
<p>Please use <a href="https://github.com/11ty/eleventy-upgrade-help"><code>eleventy-upgrade-help</code></a> to log breaking changes that apply to your project.</p>
<h2 id="features" tabindex="-1">Features <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<h3 id="major" tabindex="-1">Major <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#major">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Custom File Extension Handlers: applications and plugins can now add their own template types and tie them to a file extension.
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/languages/custom/">Docs: Custom Template Languages</a> and <em>Issue #117</em></li>
</ul>
</li>
<li>Render Plugin, shortcodes to render other template languages.
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/plugins/render/">Docs: Render Plugin</a></li>
</ul>
</li>
<li>Serverless Plugin, allow Eleventy templates to run in a serverless function for server side rendering.
<ul>
<li>Use with <a href="https://www.netlify.com/products/functions/">Netlify Functions</a> and <a href="https://www.netlify.com/blog/2021/10/25/faster-more-reliable-page-loads-with-update-to-on-demand-builders/">On-demand Builders</a></li>
<li><a href="https://v1-0-0.11ty.dev/docs/plugins/serverless/">Docs: Serverless Plugin</a></li>
</ul>
</li>
<li>Adds support for <code>--to=json</code> and <code>--to=ndjson</code>
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/usage/#to-can-output-json">Docs: Command Line Usage</a></li>
<li>Use Data Filter Selectors to opt-in data from the Data Cascade. <a href="https://v1-0-0.11ty.dev/docs/config/#data-filter-selectors">Docs: Configuration: Data Filter Selectors</a></li>
</ul>
</li>
<li>Adds support for programmatic Eleventy (e.g. <code>new Eleventy()</code> in your Node.js script)
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/programmatic/">Docs: Programmatic API</a></li>
</ul>
</li>
<li>Configuration: <code>addGlobalData</code> method.
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-global-custom/">Docs: Global Data from the Configuration API</a> and <em>Issue #1280</em></li>
<li>Note also that JavaScript Global Data Files now receive data. <a href="https://v1-0-0.11ty.dev/docs/data-js/#arguments-to-global-data-files">Docs: JavaScript Data Files</a></li>
</ul>
</li>
</ul>
<h3 id="minor" tabindex="-1">Minor <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#minor">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Passthrough Copy now throws an error if two or more files attempt to copy to the same output location. <em>Issue #1677</em></li>
<li>For better URL-safe slugs by default, we now suggest using the new <code>slugify</code> global filter instead of the previous <code>slug</code>. <code>slug</code> is still included for backwards compatiblity. <a href="https://v1-0-0.11ty.dev/docs/filters/slugify/"><code>slugify</code> Docs</a>. <a href="https://github.com/11ty/eleventy-upgrade-help"><code>eleventy-upgrade-help</code></a> includes a permalink checker to compare <code>slug</code> and <code>slugify</code> output. <em>Issue #278</em></li>
<li>Added support for protocol relative URLs in the <code>url</code> global filter (though technically accurate, using this method is discouraged). <em>Issue #1276</em></li>
<li>New Eleventy supplied data:
<ul>
<li><code>eleventy</code> Global Data
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-eleventy-supplied/#eleventy-variable">Docs: Eleventy Supplied Data: <code>eleventy</code> Variable</a></li>
</ul>
</li>
<li>Environment Variables:
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-eleventy-supplied/#environment-variables">Docs: Eleventy Supplied Data: Environment Variables</a></li>
<li><code>ELEVENTY_ROOT</code></li>
<li><code>ELEVENTY_SOURCE</code></li>
<li><code>ELEVENTY_SERVERLESS</code></li>
</ul>
</li>
</ul>
</li>
<li><code>tags</code> are now de-duped. <em>Issue #1876</em></li>
<li>JavaScript functions in <code>eleventyComputed</code> now have access to global filters.
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/data-computed/#using-javascript">Docs: Computed Data</a> and <em>Issue #1862</em></li>
</ul>
</li>
<li>Ignores
<ul>
<li><code>node_modules</code> are now ignored by default. <a href="https://v1-0-0.11ty.dev/docs/ignores/#node_modules">Docs: Ignores</a> and <em>Issue #383</em></li>
<li>Control ignores programmatically. <a href="https://v1-0-0.11ty.dev/docs/ignores/#configuration-api">Docs: Ignores</a> and <em>Issue #894</em> <em>#1405</em></li>
</ul>
</li>
<li>Configuration: Access to <code>eleventyConfig.dir</code> in plugins. <em>Issue #922</em></li>
<li>Configuration: Events are now Async-friendly
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/events/">Docs: Events</a> and <em>Issue #1363</em></li>
</ul>
</li>
<li>Replace <code>chalk</code> dependency with <code>kleur</code> <em>Issue #2113</em></li>
<li>Adds template language-agnostic compilation caching for speeeeed <em>Issue #1529</em></li>
<li>Fixes bug <code>--input=file.njk --output=.</code> would process 0 files. <em>Issue #1129</em></li>
<li>Fixes bug where Eleventy would stop processing templates in watch/serve mode after a compilation error. <em>Issue #1658</em></li>
<li>Front matter parsing errors will now report the filename of the offending file in the error message. <em>Issue #1152</em></li>
<li><a href="https://v1-0-0.11ty.dev/docs/watch-serve/#opt-out-of-the-browsersync-javascript-snippet">Option to opt-out of the <code>browser-sync</code> JavaScript snippet</a></li>
<li>Warning when Transforms that return empty content. <em>Issue #1487</em></li>
<li>Transforms now have access to <code>inputPath</code> <em>Issue #789</em></li>
<li>Shows the preprocessed template engine name on the console for <code>html</code> or <code>md</code> files <em>Issue #1478</em></li>
</ul>
<h3 id="nunjucks" tabindex="-1">Nunjucks <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#nunjucks">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Adds <code>eleventyConfig.setNunjucksEnvironmentOptions</code> method. <em>Issue #895</em>
<ul>
<li><a href="https://v1-0-0.11ty.dev/docs/languages/nunjucks/#optional-use-your-nunjucks-environment-options">Docs: Nunjucks</a></li>
</ul>
</li>
<li>Adds <code>eleventyConfig.addNunjucksGlobal</code> method. <em>Issue #1060</em></li>
</ul>
<h3 id="liquid" tabindex="-1">Liquid <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#liquid">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<ul>
<li>Adds support for asynchronous filters. <em>Issue #831</em></li>
</ul>
<h2 id="milestone" tabindex="-1">Milestone <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#milestone">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>All bug fix issues can be perused at the GitHub milestone:<br>
<a href="https://github.com/11ty/eleventy/milestone/32?closed=1">https://github.com/11ty/eleventy/milestone/32?closed=1</a></p>
<p>Some internals highlights:</p>
<ul>
<li>Improvements to stability with Nunjucks and shortcodes in <code>{% for %}</code> loops</li>
<li>Fix for <code>EMFILE: too many open files</code> errors</li>
<li>Use a named <code>browser-sync</code> instance. <em>Issue #1125</em></li>
<li>Switch from <code>fs-extra</code> to <code>graceful-fs</code></li>
</ul>
<h2 id="major-version-dependency-upgrades" tabindex="-1">Major Version Dependency Upgrades <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#major-version-dependency-upgrades">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>These are convenience links provided. Major things of note are summarized in the Breaking Changes section above.</p>
<ul>
<li><code>liquidjs</code> from 6 to 9, release notes: <a href="https://github.com/harttle/liquidjs/blob/master/CHANGELOG.md#700-2019-02-14">v7</a> <a href="https://github.com/harttle/liquidjs/blob/master/CHANGELOG.md#800-2019-03-10">v8</a> <a href="https://github.com/harttle/liquidjs/blob/master/CHANGELOG.md#900-2019-08-26">v9</a></li>
<li><code>luxon</code> from 1 to 2: (Node 12+ minimum) <a href="https://moment.github.io/luxon/#/upgrading">Upgrade Guide</a></li>
<li><code>markdown-it</code> from 10 to 12, release notes: <a href="https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md#1100---2020-05-20">v11</a> <a href="https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md#1200---2020-10-14">v12</a></li>
<li><code>ejs</code> from 2 to 3. Release notes: <a href="https://github.com/mde/ejs/blob/main/CHANGELOG.md#v301-2019-11-23">v3</a></li>
<li><code>mustache</code> from 2 to 4. Release notes: <a href="https://github.com/janl/mustache.js/blob/master/CHANGELOG.md#300--16-september-2018">v3</a> <a href="https://github.com/janl/mustache.js/blob/master/CHANGELOG.md#400--16-january-2020">v4</a></li>
</ul>
<h2 id="thank-you-notes" tabindex="-1">THANK YOU NOTES <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-one-point-oh/#thank-you-notes">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p><strong>First-time GitHub contributions</strong> from <a href="https://github.com/d2s">@d2s</a>, <a href="https://github.com/Snugug">@Snugug</a>, <a href="https://github.com/slightlyoff">@slightlyoff</a>, <a href="https://github.com/max">@max</a>, <a href="https://github.com/valtlai">@valtlai</a>, <a href="https://github.com/harttle">@harttle</a>, <a href="https://github.com/binyamin">@binyamin</a>, <a href="https://github.com/bnb">@bnb</a>, <a href="https://github.com/NotWoods">@NotWoods</a>, <a href="https://github.com/gobeli">@gobeli</a>, <a href="https://github.com/lxg">@lxg</a>, <a href="https://github.com/GerHobbelt">@GerHobbelt</a>, <a href="https://github.com/hirusi">@hirusi</a>, <a href="https://github.com/stuartpb">@stuartpb</a>, <a href="https://github.com/milahu">@milahu</a>, <a href="https://github.com/oscarotero">@oscarotero</a>, <a href="https://github.com/jakemulley">@jakemulley</a>, <a href="https://github.com/tannerdolby">@tannerdolby</a>, <a href="https://github.com/Snapstromegon">@Snapstromegon</a>, <a href="https://github.com/knokmki612">@knokmki612</a>, <a href="https://github.com/mariusschulz">@mariusschulz</a>, <a href="https://github.com/Holben888">@Holben888</a>, <a href="https://github.com/zidingz">@zidingz</a>, <a href="https://github.com/magua-io">@magua-io</a>, <a href="https://github.com/masguit42">@masguit42</a>, <a href="https://github.com/JKC-Codes">@JKC-Codes</a>, <a href="https://github.com/ThewBear">@ThewBear</a>, <a href="https://github.com/CodeFoodPixels">@CodeFoodPixels</a>, <a href="https://github.com/dgrammatiko">@dgrammatiko</a>, <a href="https://github.com/oscard0m">@oscard0m</a>, <a href="https://github.com/monochromer">@monochromer</a></p>
<p><strong>Gold Sponsors</strong>: <a href="https://www.sanity.io/"><strong>Sanity.io</strong></a>, <a href="https://nordhealth.com/"><strong>Nordhealth</strong></a>, <a href="https://www.movavi.com/screen-recorder-mac/"><strong>Screen recorder for Mac</strong></a></p>
<p><strong>Silver Sponsors</strong>: <a href="https://swop.link/open-collective"><strong>Piccalilli</strong></a>, <a href="https://eslint.org/"><strong>ESLint</strong></a>, <a href="https://www.unabridgedsoftware.com/"><strong>Unabridged Software</strong></a>, <a href="https://pqina.nl/"><strong>PQINA</strong></a>, <a href="https://thecodersguild.org.uk/"><strong>The Coders Guild</strong></a>, <a href="https://bejamas.io/"><strong>Bejamas</strong></a></p>
<p><strong>OpenCollective Monthly Backers</strong>: <a href="https://viljamis.com/">Viljami Salminen</a>, Tyler Gaw, <a href="https://about.me/peterdehaan">Peter deHaan</a>, Melanie Sumner, Alejandro Rodríguez, <a href="https://hire.wil.to/">Mat Marquis</a>, <a href="https://pborenstein.com/">Philip Borenstein</a>, <a href="https://www.webstoemp.com/">Jérôme Coupé</a>, <a href="https://mxb.dev/">Max Böck</a>, <a href="https://www.brycewray.com/">Bryce Wray</a>, Kristof Michiels, <a href="https://yuheiy.com/">Yuhei Yasuda</a>, <a href="https://edspencer.me.uk/">Ed Spencer</a>, <a href="https://nicolas-hoizey.com/">Nicolas Hoizey</a>, <a href="https://mikeaparicio.com/">Mike Aparicio</a>, Todd Libby, <a href="https://lukeb.co.uk/">Luke Bonaccorsi</a>, <a href="https://benmyers.dev/">Ben Myers</a>, Katie Sylor-Miller, <a href="https://markbuskbjerg.dk/">Mark Buskbjerg</a>, <a href="https://morten.dk/">mortendk</a>, Aaron Hans, <a href="https://lauris-webdev.com/">Lauris Consulting</a>, John Meyerhofer, Ben Hyrman, <a href="https://keenanpayne.com/">Keenan Payne</a>, <a href="https://dgrammatiko.online/">Dimitrios Grammatikogiannis</a>, Devin Clark, <a href="https://ericwbailey.design/">Eric Bailey</a>, <a href="https://daverupert.com/">Dave Rupert</a>, Manuel Matuzovic, Phil Hawksworth, Brian Koser, Tianyu Ge, Vadim Makeev, Kyosuke Nakamura, <a href="https://hans.gerwitz.com/">Hans Gerwitz</a>, <a href="https://makotokw.com/">Makoto Kawasaki</a>, <a href="https://twitter.com/LostInBrittany">Horacio Gonzalez</a>, Matthew Tole, <a href="https://wellnessresearched.com/">Wellness Researched</a>, <a href="https://bight.dev/">Ned Zimmerman</a>, Mark Boulton, <a href="https://annualbeta.com/">Søren Birkemeyer</a>, Richard Hemmer, <a href="https://nicknisi.com/">Nick Nisi</a>, Andrew Harvard, shawn j sandy, Takuya Fukuju, <a href="https://genehack.org/">John SJ Anderson</a>, Ryan Swaney, <a href="https://alistairshepherd.uk/">Alistair Shepherd</a>, <a href="https://www.reachdigital.nl/">Reach Digital</a>, <a href="https://ivoherrmann.com/">Ivo Herrmann</a>, <a href="https://flak.is/">Flaki</a>, Kyle Mitofsky, <a href="https://jennmoney.biz/">Jenn Schiffer</a>, John Hall, <a href="https://scottmccracken.net/">Scott McCracken</a>, <a href="https://jamessteinbach.com/">James Steinbach</a>, <a href="https://oddbird.net/">Miriam Suzanne</a>, <a href="https://bentleydavis.com/">Bentley Davis</a>, <a href="https://www.evan-harrison.com/">Evan Harrison</a>, <a href="https://robsterlini.co.uk/">Rob Sterlini</a>, <a href="https://tattooed.dev/">vince falconi</a>, <a href="https://martinschneider.me/">Martin Schneider</a>, <a href="https://thinkdobecreate.com/">Stephanie Eckles</a>, <a href="https://frontendweekly.tokyo/">Frontend Weekly Tokyo</a>, <a href="https://www.higby.io/">Higby</a>, <a href="https://decamp.dev/">Matt DeCamp</a>, <a href="https://chrisburnell.com/">Chris Burnell</a>, <a href="https://ximenavf.com/">Ximenav Vf.</a>, <a href="https://www.apirocket.io/">Juan Miguel</a>, <a href="https://angeliqueweger.com/">Angelique Weger</a>, Kasper Storgaard, <a href="https://kevhealy.com/">Kevin Healy</a>, Greg Gibson, <a href="https://hiddedevries.nl/en/blog">hiddedevries.nl</a>, <a href="https://www.jeremycaldwell.me/">Jeremy Caldwell</a>, Michelle Barker, <a href="https://alesandroortiz.com/">Alesandro Ortiz</a>, <a href="https://www.david-herron.com/">David A. Herron</a>, <a href="https://paulrobertlloyd.com/">Paul Robert Lloyd</a>, <a href="https://www.andreavaghi.dev/">Andrea Vaghi</a>, Bryan Robinson, Ashur Cabrera, <a href="https://www.raymondcamden.com/">Raymond Camden</a>, John Meguerian, <a href="https://joelamyman.co.uk/">Joe Lamyman</a>, Stuart Robson, <a href="https://jam1401.dev/">Jeffrey A Morgan</a>, <a href="https://ollomedia.com/">Joshua Ray</a>, Tim Giles, <a href="https://wipdeveloper.com/">Brett Nelson</a>, <a href="https://www.nonbreakingspace.co.uk/">Paul Welsh</a>, <a href="https://www.ingo-steinke.com/">Ingo Steinke</a>, <a href="http://melanie-richards.com/">Melanie Richards</a>, Rich Holman, Ross Kinney, Lewis Nyman, Dorin Vancea, Marco Zehe, Wes Ruvalcaba, <a href="https://www.kloh.ch/">Luc Poupard</a>, <a href="https://johanbove.info/">Johan Bové</a>, <a href="https://joshcrain.io/">Josh Crain</a>, <a href="https://www.entle.co/">Entle Web Solutions</a>, <a href="https://allaboutken.com/">Ken Hawkins</a>, <a href="https://httpster.io/">Sami Singh</a>, Fershad Irani, <a href="https://mefody.dev/">Nikita Dubko</a>, <a href="https://www.aaron-gustafson.com/">Aaron Gustafson</a>, <a href="https://www.chrisswithinbank.net/">Chris</a>, <a href="https://ferpection.com/">Ferpection</a>, <a href="https://benjamingeese.de/">Benjamin Geese</a>, Maël Brunet, <a href="https://www.marcusrelacion.com/">Marcus Relacion</a>, <a href="https://netinnopeustesti.com/">Netin nopeustesti</a>, Bobby Ray, <a href="https://sia.codes/">Sia Karamalegos</a>, <a href="https://cjlm.ca/">Christian Miles</a>, <a href="https://hoeser.dev/">Raphael Höser</a>, <a href="https://alextheward.com/">Cthos</a>, <a href="https://saneef.com/">Saneef Ansari</a>, <a href="https://fokus.design/">Flemming Meyer</a>, Colin Fahrion, <a href="https://danburzo.ro/">Dan Burzo</a>, Gaston Rampersad, <a href="https://jonkuperman.com/">Jon Kuperman</a>, <a href="https://dtott.com/">Dan Ott</a>, <a href="https://mobilemall.pk/">Mobilemall.pk</a>, <a href="https://vpsdime.com/">Cheap VPS</a>, <a href="https://darn.es/">David Darnes</a>, <a href="https://roobottom.com/">Jon Roobottom</a>, <a href="https://danabyerly.com/">Dana Byerly</a>, <a href="https://renkaatsopivasti.fi/">Renkaatsopivasti</a>, <a href="https://windesol.fi/">Windesol Sähkön Kilpailutus</a>, <a href="https://www.interroban.gg/">Luke Mitchell</a>, SignpostMarv, <a href="https://paddn.com/web-design-hong-kong/">THE PADDING</a>, Bob Monsour, Patrick Byrne, <a href="https://itsmeara.com/">Ara Abcarians</a>, <a href="https://oisin.io/">Oisín Quinn</a>, <a href="https://www.centralvainsulation.com/">Central Va Insulation</a>, <a href="https://www.kneedeepseptic.com/">Septic Richmond Va</a></p>
A new Eleventy mascot from Geri Coady2021-10-18T00:00:00Zhttps://www.11ty.dev/blog/new-mascot-from-geri-coady/<p>The Eleventy Mascot is becoming a series! Our project has continued with its pseudo-regular refresh of the famed possum on a balloon and the latest in the series is from acclaimed designer, illustrator, and author Geri Coady!</p>
<div style="display: inline-block; border-radius: 1em; background-color: hsl(229deg 40% 38%); border: .75em solid hsl(229deg 40% 28%); box-shadow: -10px 10px 80px rgb(0 0 0 / 10%);">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/IdthKOzqFA-350.avif 350w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="3 possums suspended from a red balloon" loading="lazy" decoding="async" class="" src="https://www.11ty.dev/img/built/IdthKOzqFA-350.png" width="350" height="685"></picture>
</div>
<p>I really like this iteration and the unique style Geri brought to the project—especially the addition of two littles, which to me is a lovely nod to how our community has grown!</p>
<ul>
<li><a href="https://twitter.com/hellogeri">@hellogeri</a> on Twitter</li>
<li><a href="https://www.geridrawsjapan.com/">Geri Draws Japan</a></li>
<li><a href="https://dribbble.com/hellogeri">@hellogeri</a> on Dribbble</li>
<li><a href="https://abookapart.com/products/color-accessibility-workflows">Color Accessibility Workflows</a></li>
</ul>
<blockquote>
<p>Geri Coady is a color-obsessed Canadian illustrator and designer living in Nottingham, UK. A former ad agency art director, she has worked with companies including Simply Accessible, Nokia Withings, Scholastic, and A List Apart, as well as numerous magazines including Courier and Standart. She is the author of Color Accessibility Workflows by A Book Apart and was voted net Magazine’s Designer of the Year in 2014. Her side business, Geri Draws Japan, showcases her love for Japanese culture through original art prints, pins, stationery and more.</p>
</blockquote>
<h2 id="eleventy-mascot-series" tabindex="-1">Eleventy Mascot Series <a class="direct-link" href="https://www.11ty.dev/blog/new-mascot-from-geri-coady/#eleventy-mascot-series">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<div class="sites-vert sites-vert--lg">
<div class="lo-grid" style="--fl-gap-v: 5em;">
<div class="sites-site-vert">
<a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/7KDMP7fFcs-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="(Unknown Name)" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/7KDMP7fFcs-250.png" width="250" height="388"></picture>
</div>
<strong class="sites-site-name">(Unknown Name)</strong>
</a>
<div class="sites-site-description">
<em>James Williamson.</em>
22 May 2018. Before the possum, there was the cat
</div>
</div>
<div class="sites-site-vert">
<a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/i6MFwT8ZeK-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Edison" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/i6MFwT8ZeK-250.png" width="250" height="313"></picture>
</div>
<strong class="sites-site-name">Edison</strong>
</a>
<div class="sites-site-description">
<em>James Williamson.</em>
22 May 2018. James pioneered the static-generating possum.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/logo-homage/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/_Mw8USC4BK-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Grumpy" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/_Mw8USC4BK-250.png" width="250" height="453"></picture>
</div>
<strong class="sites-site-name">Grumpy</strong>
</a>
<div class="sites-site-description">
<em>Phineas X. Jones.</em>
18 December 2019. Our first commissioned iteration.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/logo-homage/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/7C9ca0Rq2C-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Masked Grumpy" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/7C9ca0Rq2C-250.png" width="250" height="453"></picture>
</div>
<strong class="sites-site-name">Masked Grumpy</strong>
</a>
<div class="sites-site-description">
<em>Remixed by Ben Brignell.</em>
7 July 2020
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/new-mascot-from-geri-coady/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/faovbQEn7H-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="(Not yet named)" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/faovbQEn7H-250.png" width="250" height="489"></picture>
</div>
<strong class="sites-site-name">(Not yet named)</strong>
</a>
<div class="sites-site-description">
<em>Geri Coady.</em>
July 2021. Our second commission! The community has grown.
</div>
</div>
<div class="sites-site-vert">
<a href="https://www.11ty.dev/blog/mascot-david/" class="elv-externalexempt">
<div class="img-gallery">
<picture><source type="image/avif" srcset="https://www.11ty.dev/img/built/FIy3o0n-oI-250.avif 250w" sizes="(min-width: 22em) 30vw, 100vw"><img alt="Elle" loading="lazy" decoding="async" class="sites-screenshot" src="https://www.11ty.dev/img/built/FIy3o0n-oI-250.png" width="250" height="437"></picture>
</div>
<strong class="sites-site-name">Elle</strong>
</a>
<div class="sites-site-description">
<em>David Neal.</em>
November 2023. Our third commission! We’re getting smarter.
</div>
</div>
</div>
</div>
The State of Eleventy (2021) in Two Minutes2021-10-08T00:00:00Zhttps://www.11ty.dev/blog/state-of-eleventy-2021/<ul>
<li><a href="https://www.youtube.com/watch?v=kcRtANKWCLQ">Watch on YouTube</a></li>
<li>Read a bunch more detail on <a href="https://www.zachleat.com/web/state-of-eleventy/">zachleat.com</a>.</li>
</ul>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="kcRtANKWCLQ" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/kcRtANKWCLQ/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=kcRtANKWCLQ" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=kcRtANKWCLQ">Watch on YouTube</a></is-land></div>
The 11ties: 11 min ⚡️ talks about Eleventy on 11/112021-10-08T00:00:00Zhttps://www.11ty.dev/blog/11ties/<p>RSVP for this special Jamstack Toronto event in partnership with 11ty:</p>
<a href="https://www.meetup.com/JAMstack-Toronto/events/281278073/" class="elv-externalexempt opengraph-card">
<picture>
<source type="image/webp" srcset="https://v1.opengraph.11ty.dev/https%3A%2F%2Fwww.meetup.com%2FJAMstack-Toronto%2Fevents%2F281278073%2F/small/webp/ 375w, https://v1.opengraph.11ty.dev/https%3A%2F%2Fwww.meetup.com%2FJAMstack-Toronto%2Fevents%2F281278073%2F/medium/webp/ 650w" sizes="100vw">
<source type="image/jpeg" srcset="https://v1.opengraph.11ty.dev/https%3A%2F%2Fwww.meetup.com%2FJAMstack-Toronto%2Fevents%2F281278073%2F/small/jpeg/ 375w, https://v1.opengraph.11ty.dev/https%3A%2F%2Fwww.meetup.com%2FJAMstack-Toronto%2Fevents%2F281278073%2F/medium/jpeg/ 650w" sizes="100vw">
<img alt="OpenGraph image for https://www.meetup.com/JAMstack-Toronto/events/281278073/" loading="lazy" decoding="async" src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fwww.meetup.com%2FJAMstack-Toronto%2Fevents%2F281278073%2F/small/jpeg/" width="650" height="341">
</picture>
<span>The 11ties: 11 Minute Talks about 11ty on 11/11</span>
</a>Shout out to Jamstack Conf 2021 Jammies Award Winners2021-10-07T00:00:00Zhttps://www.11ty.dev/blog/jammies-2021/<p>We are super excited to let y’all know that two projects in the Eleventy community have won Jamstack Conf 2021 Jammies Awards!</p>
<p>On the <a href="https://www.netlify.com/blog/2021/10/06/jammies-award-winners-2021/">Netlify blog: Jammies Award Winners 2021</a></p>
<h2 id="the-a11y-project-wins-the-social-impact-award" tabindex="-1"><a href="https://www.a11yproject.com/">The A11Y Project</a> wins the Social Impact Award <a class="direct-link" href="https://www.11ty.dev/blog/jammies-2021/#the-a11y-project-wins-the-social-impact-award">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>On the <a href="https://www.a11yproject.com/announcements/2021-10-07-jammies-social-impact-award/">A11Y Project Blog: The A11Y Project receives a Jammy</a></p>
<p>Congratulations to <a href="https://cariefisher.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fcariefisher.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://cariefisher.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Carie Fisher</a>, <a href="https://droidpinkman.io/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fdroidpinkman.io%2F/" width="150" height="150" alt="IndieWeb Avatar for https://droidpinkman.io/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Dennis Gaebel Jr.</a>, <a href="https://ericwbailey.design/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fericwbailey.design%2F/" width="150" height="150" alt="IndieWeb Avatar for https://ericwbailey.design/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Eric Bailey</a>, <a href="https://jendowns.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjendowns.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jendowns.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Jen Downs</a>, <a href="https://jerryjones.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjerryjones.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jerryjones.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Jerry Jones</a>, <a href="https://saptaks.website/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsaptaks.website%2F/" width="150" height="150" alt="IndieWeb Avatar for https://saptaks.website/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Saptak Sengupta</a>, <a href="https://scottvinkle.me/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fscottvinkle.me%2F/" width="150" height="150" alt="IndieWeb Avatar for https://scottvinkle.me/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Scott Vinkle</a>, <a href="https://www.tatianamac.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.tatianamac.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.tatianamac.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Tatiana Mac</a>, and Wayne Elgin for The A11Y Project!</p>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">We're humbled to receive this award. Thank you to our contributors and maintainers, the <a href="https://twitter.com/jamstackconf">@jamstackconf</a> team and attendees, and to <a href="https://www.zachleat.com/twitter/">@zachleat</a> and <a href="https://twitter.11ty.dev/">@eleven_ty</a> for making this all possible! <a href="https://www.a11yproject.com/announcements/jammies-social-impact-award/">https://www.a11yproject.com/announcements/jammies-social-impact-award/</a> <a href="https://twitter.com/jamstackconf/status/1445830291709251593">https://twitter.com/jamstackconf/status/1445830291709251593</a></p>— The A11Y Project (@A11YProject) <a href="https://twitter.com/A11YProject/status/1446136316702363655">October 7, 2021</a></blockquote>
<h2 id="the-eleventy-meetup-wins-outstanding-community-meetup" tabindex="-1"><a href="https://11tymeetup.dev/">The Eleventy Meetup</a> wins Outstanding Community Meetup <a class="direct-link" href="https://www.11ty.dev/blog/jammies-2021/#the-eleventy-meetup-wins-outstanding-community-meetup">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>Congrats to <a href="https://sia.codes/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsia.codes%2F/" width="150" height="150" alt="IndieWeb Avatar for https://sia.codes/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Sia Karamalegos</a>, <a href="https://thinkdobecreate.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fthinkdobecreate.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://thinkdobecreate.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Stephanie Eckles</a>, and <a href="https://helloyes.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fhelloyes.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://helloyes.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Thomas M. Semmler</a>!</p>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Aw we're feeling all the warm fuzzies over here. Thanks to all our great speakers and attendees too! <a href="https://twitter.11ty.dev/1445807641624662017">https://twitter.com/eleven_ty/status/1445807641624662017</a> <a href="https://twitter.com/EleventyMeetup/status/1445808227858280452">https://twitter.com/EleventyMeetup/status/1445808227858280452</a></p>— EleventyMeetup (@EleventyMeetup) <a href="https://twitter.com/EleventyMeetup/status/1445808227858280452">October 6, 2021</a></blockquote>
<p>I did want to acknowledge the Jamstack Toronto meetup too, check out their <a href="https://www.meetup.com/JAMstack-Toronto/events/281278073/">upcoming 11ties Event on 11/11</a>.</p>
<h2 id="special-recognition" tabindex="-1">Special Recognition <a class="direct-link" href="https://www.11ty.dev/blog/jammies-2021/#special-recognition">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>While Eleventy didn’t win our Ecosystem Innovation Award (congrats to Astro!), we did get an honorable mention!</p>
<blockquote>
<p>This category was the most interesting voting experience for us. 11ty and Astro had a close call all through the voting process up until the last minute when Astro won the race with 3 extra votes. We recognize 11ty’s impact and all the amazing things it is enabling on the modern web.</p>
</blockquote>
<h2 id="related" tabindex="-1">Related: <a class="direct-link" href="https://www.11ty.dev/blog/jammies-2021/#related">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li><a href="https://jamstackconf.com/jammies/">The Jammies Awards web site</a></li>
</ul>
The very first Eleventy 1.0 Beta Release2021-10-06T00:00:00Zhttps://www.11ty.dev/blog/eleventy-v1-beta/<p>It is my absolute honor to announce that the very first Eleventy 1.0 Beta release is now available on the beta channel. You can try it out now:</p>
<pre class="language-bash"><code class="language-bash"><span class="token comment"># Local project</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@beta<br><br><span class="token comment"># Global install</span><br><span class="token function">npm</span> <span class="token function">install</span> @11ty/eleventy@beta <span class="token parameter variable">-g</span></code></pre>
<h2 id="the-big-features" tabindex="-1">The Big Features: <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v1-beta/#the-big-features">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Requires Node 12+</li>
<li><a href="https://www.11ty.dev/docs/plugins/serverless/">Eleventy Serverless</a>, a fantastic way to do dynamic server side rendering on request or lazily via Distributed Persistent Rendering.</li>
<li>A plugin to help you upgrade from <code>0.x</code> to <code>1.x</code>: <a href="https://github.com/11ty/eleventy-upgrade-help">https://github.com/11ty/eleventy-upgrade-help</a></li>
<li>Support for CLI arguments to do JSON and NDJSON output (instead of writing to the file system). Use <code>--to=json</code> and <code>--to=ndjson</code>.</li>
<li><a href="https://github.com/11ty/eleventy/issues/117">Custom File Extension Handlers!</a> Plugins can now add their own template types and tie them to a file extension.</li>
<li>Enables the <a href="https://www.11ty.dev/docs/data-deep-merge/">Data Deep Merge feature by default</a>.</li>
<li>Upgrades to internal template language plugins for: <code>ejs</code>, <code>mustache</code>, <code>liquid</code>. Removes <code>jstl</code> (use <code>11ty.js</code> instead)</li>
<li>And more! <a href="https://github.com/11ty/eleventy/milestone/32?closed=1">Check out the full list of 135+ issues in the GitHub milestone.</a></li>
</ul>
<h2 id="a-big-list-of-thanks" tabindex="-1">A Big List of Thanks <a class="direct-link" href="https://www.11ty.dev/blog/eleventy-v1-beta/#a-big-list-of-thanks">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<ul>
<li>Our awesome Eleventy GitHub Support Team:
<ul>
<li><a href="https://about.me/peterdehaan"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fabout.me%2Fpeterdehaan/" width="150" height="150" alt="IndieWeb Avatar for https://about.me/peterdehaan" class="avatar avatar-indieweb" loading="lazy" decoding="async">Pete DeHaan</a> and <a href="https://binyam.in/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fbinyam.in%2F/" width="150" height="150" alt="IndieWeb Avatar for https://binyam.in/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Binyamin Green</a></li>
<li>…and any other folks participating in <a href="https://github.com/11ty/eleventy/discussions"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fgithub.com%2F11ty%2Feleventy%2Fdiscussions/" width="150" height="150" alt="IndieWeb Avatar for https://github.com/11ty/eleventy/discussions" class="avatar avatar-indieweb" loading="lazy" decoding="async">GitHub Discussions</a> or the <a href="https://www.11ty.dev/blog/discord/">Eleventy Discord</a>!</li>
</ul>
</li>
<li>Folks that contributed code, <a href="https://www.11ty.dev/docs/starter/">starter projects</a>, <a href="https://www.11ty.dev/docs/plugins/">plugins</a>, <a href="https://www.11ty.dev/docs/tutorials/">wrote blog posts</a> (share what you learned—on <em>your web site</em>), recorded podcasts or did streams, <a href="https://github.com/11ty/11ty-website/graphs/contributors"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fgithub.com%2F11ty%2F11ty-website%2Fgraphs%2Fcontributors/" width="150" height="150" alt="IndieWeb Avatar for https://github.com/11ty/11ty-website/graphs/contributors" class="avatar avatar-indieweb" loading="lazy" decoding="async">helped with documentation</a>! Here are a few of our contributors:
<ul>
<li><a href="https://kleinfreund.de/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fkleinfreund.de%2F/" width="150" height="150" alt="IndieWeb Avatar for https://kleinfreund.de/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Philipp Rudloff</a></li>
<li><a href="https://www.madebymike.com.au/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.madebymike.com.au%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.madebymike.com.au/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Mike Riethmuller</a></li>
<li><a href="https://infrequently.org/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Finfrequently.org%2F/" width="150" height="150" alt="IndieWeb Avatar for https://infrequently.org/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Alex Russell</a></li>
<li>Samuel Path</li>
<li>gloryofrobots</li>
<li><a href="https://jaenis.ch/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjaenis.ch%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jaenis.ch/" class="avatar avatar-indieweb" loading="lazy" decoding="async">André Jaenisch</a></li>
<li><a href="https://chrisdmacrae.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fchrisdmacrae.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://chrisdmacrae.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Chris D. Macrae</a></li>
<li><a href="https://bholmes.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fbholmes.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://bholmes.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Benjamin Holmes</a></li>
<li><a href="https://frank.taillandier.me/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Ffrank.taillandier.me%2F/" width="150" height="150" alt="IndieWeb Avatar for https://frank.taillandier.me/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Frank Taillandier</a> (Rest in peace, Frank ❤️)</li>
<li><a href="https://matmarquis.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fmatmarquis.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://matmarquis.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Mat Marquis</a></li>
<li><a href="https://mathiasbynens.be/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fmathiasbynens.be%2F/" width="150" height="150" alt="IndieWeb Avatar for https://mathiasbynens.be/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Mathias Bynens</a></li>
<li><a href="https://www.avoggu.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.avoggu.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.avoggu.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Aravind Voggu</a></li>
</ul>
</li>
<li>Our awesome community of over 444 documented <a href="https://www.11ty.dev/authors/">Eleventy Authors</a>. The absolute best thing you can do is build something for yourself! Here are the top 11 authors (ordered by number of sites) listed on our showcase:
<ul>
<li><a href="https://piccalil.li/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fpiccalil.li%2F/" width="150" height="150" alt="IndieWeb Avatar for https://piccalil.li/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Andy Bell</a></li>
<li><a href="https://www.hawksworx.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.hawksworx.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.hawksworx.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Phil Hawksworth</a></li>
<li><a href="https://smth.uk/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsmth.uk%2F/" width="150" height="150" alt="IndieWeb Avatar for https://smth.uk/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Sam Smith</a></li>
<li><a href="https://www.ryangittings.co.uk/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.ryangittings.co.uk%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.ryangittings.co.uk/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Ryan Gittings</a></li>
<li><a href="https://www.marcfilleul.fr/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.marcfilleul.fr%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.marcfilleul.fr/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Marc Filleul</a></li>
<li><a href="https://sia.codes/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsia.codes%2F/" width="150" height="150" alt="IndieWeb Avatar for https://sia.codes/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Sia Karamalegos</a></li>
<li><a href="https://thinkdobecreate.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fthinkdobecreate.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://thinkdobecreate.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Stephanie Eckles</a></li>
<li><a href="https://tannerdolby.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Ftannerdolby.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://tannerdolby.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Tanner Dolby</a></li>
<li><a href="https://www.lenesaile.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.lenesaile.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.lenesaile.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Lene Saile</a></li>
<li><a href="https://nicolas-hoizey.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fnicolas-hoizey.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://nicolas-hoizey.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Nicolas Hoizey</a></li>
<li><a href="https://alistairshepherd.uk/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Falistairshepherd.uk%2F/" width="150" height="150" alt="IndieWeb Avatar for https://alistairshepherd.uk/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Alistair Shepherd</a></li>
</ul>
</li>
<li><a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a> (the people that built the sites currently holding the top 11 spots)
<ul>
<li><a href="https://joshcrain.io/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjoshcrain.io%2F/" width="150" height="150" alt="IndieWeb Avatar for https://joshcrain.io/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Josh Crain</a></li>
<li><a href="https://lamplightdev.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Flamplightdev.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://lamplightdev.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Chris Haynes</a></li>
<li><a href="https://piraces.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fpiraces.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://piraces.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Raúl Piracés</a></li>
<li><a href="https://www.nraboy.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.nraboy.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.nraboy.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Nic Raboy</a></li>
<li><a href="https://stedman.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fstedman.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://stedman.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Steve Stedman</a></li>
<li><a href="https://curtisjurgensen.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fcurtisjurgensen.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://curtisjurgensen.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Curtis Jurgensen</a></li>
<li><a href="https://www.industrialempathy.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.industrialempathy.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.industrialempathy.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Malte Ubl</a></li>
<li><a href="https://cariefisher.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fcariefisher.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://cariefisher.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Carie Fisher</a>, <a href="https://droidpinkman.io/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fdroidpinkman.io%2F/" width="150" height="150" alt="IndieWeb Avatar for https://droidpinkman.io/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Dennis Gaebel Jr.</a>, <a href="https://ericwbailey.design/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fericwbailey.design%2F/" width="150" height="150" alt="IndieWeb Avatar for https://ericwbailey.design/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Eric Bailey</a>, <a href="https://jendowns.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjendowns.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jendowns.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Jen Downs</a>, <a href="https://jerryjones.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjerryjones.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jerryjones.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Jerry Jones</a>, <a href="https://saptaks.website/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsaptaks.website%2F/" width="150" height="150" alt="IndieWeb Avatar for https://saptaks.website/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Saptak Sengupta</a>, <a href="https://scottvinkle.me/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fscottvinkle.me%2F/" width="150" height="150" alt="IndieWeb Avatar for https://scottvinkle.me/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Scott Vinkle</a>, <a href="https://www.tatianamac.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.tatianamac.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://www.tatianamac.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Tatiana Mac</a>, Wayne Elgin</li>
<li><a href="https://jkc.codes/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fjkc.codes%2F/" width="150" height="150" alt="IndieWeb Avatar for https://jkc.codes/" class="avatar avatar-indieweb" loading="lazy" decoding="async">John Kemp-Cruz</a></li>
<li><a href="https://reubenlillie.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Freubenlillie.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://reubenlillie.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Reuben Lillie</a></li>
</ul>
</li>
<li><a href="https://11tymeetup.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2F11tymeetup.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://11tymeetup.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Eleventy Meetup</a> organized by:
<ul>
<li><a href="https://sia.codes/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fsia.codes%2F/" width="150" height="150" alt="IndieWeb Avatar for https://sia.codes/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Sia Karamalegos</a></li>
<li><a href="https://thinkdobecreate.com/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fthinkdobecreate.com%2F/" width="150" height="150" alt="IndieWeb Avatar for https://thinkdobecreate.com/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Stephanie Eckles</a></li>
<li><a href="https://helloyes.dev/"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fhelloyes.dev%2F/" width="150" height="150" alt="IndieWeb Avatar for https://helloyes.dev/" class="avatar avatar-indieweb" loading="lazy" decoding="async">Thomas M. Semmler</a></li>
</ul>
</li>
<li><a href="https://twitter.com/JAMstackTORONTO/status/1341815501341790208">The 11ties</a>, organized last year by Henri Helvetica</li>
<li>Our Sponsors and <a href="https://opencollective.com/11ty"><img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fopencollective.com%2F11ty/" width="150" height="150" alt="IndieWeb Avatar for https://opencollective.com/11ty" class="avatar avatar-indieweb" loading="lazy" decoding="async">Open Collective Supporters</a>:</li>
</ul>
<div class="fullwidth-module supporters-gold">
<h3 class="subhed ta-c"><strong>Official CMS Partner</strong></h3>
<div><div class=" supporters-gold-cloudcannon">
<a href="https://cloudcannon.com/eleventy-cms/?utm_campaign=11ty-partner&utm_source=official-sponsor" class="elv-externalexempt" data-supporters-slug="cloudcannon" rel="sponsored"><svg viewBox="0 0 363 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0705 42.8838C29.425 43.0864 29.8049 43.289 30.1847 43.4663C33.0209 44.783 34.3376 45.644 34.3376 47.4672C34.3376 49.4171 32.7423 51.0124 30.7925 51.0124C29.2731 51.0124 28.007 50.0502 27.5005 48.7081C25.6519 50.5819 23.1197 51.7468 20.2835 51.7468C14.6872 51.7468 10.1544 47.214 10.1544 41.6177C10.1544 41.0859 10.2304 40.5541 10.3064 40.0224C5.1152 38.503 1.1142 34.1728 0.202582 28.7537C0.0759682 27.9687 0 27.1837 0 26.3734C0 25.5631 0.0759682 24.7781 0.202582 23.9931C1.13952 18.5993 5.1152 14.2438 10.3064 12.7244C10.3032 12.7022 10.3 12.6801 10.2968 12.658C10.2242 12.1503 10.1544 11.6629 10.1544 11.1291C10.1544 5.53277 14.6872 1 20.2835 1C23.0943 1 25.6519 2.16485 27.5005 4.03873C28.007 2.69662 29.2731 1.73436 30.7925 1.73436C32.7423 1.73436 34.3376 3.32969 34.3376 5.27954C34.3376 7.25472 33.0209 8.11569 30.1847 9.43248C29.9037 9.5636 29.6366 9.70858 29.3628 9.85717C29.2665 9.90945 29.1694 9.96218 29.0705 10.0149H29.0704C28.8426 10.1415 28.6147 10.2681 28.4121 10.3947C28.2349 10.496 28.0829 10.5973 27.931 10.6986C27.8803 10.7239 27.836 10.7556 27.7917 10.7872C27.7474 10.8189 27.7031 10.8505 27.6524 10.8759C26.7915 11.433 26.0065 12.0914 25.2468 12.7751C25.2215 12.7877 25.2025 12.8067 25.1835 12.8257C25.1645 12.8447 25.1455 12.8637 25.1202 12.8764C24.8163 13.1802 24.5124 13.4841 24.2339 13.788C24.1959 13.826 24.1579 13.8703 24.1199 13.9146C24.0819 13.9589 24.0439 14.0032 24.006 14.0412C23.8864 14.1907 23.7629 14.3363 23.6401 14.481C23.4508 14.704 23.2633 14.9251 23.0943 15.1554C20.7393 18.2954 19.2959 22.2205 19.2959 26.4494C19.2959 30.6783 20.714 34.6033 23.0943 37.7433C23.3729 38.1231 23.6768 38.503 24.006 38.8575C24.0439 38.8955 24.0819 38.9398 24.1199 38.9841C24.1579 39.0284 24.1959 39.0728 24.2339 39.1107C24.4424 39.3572 24.6652 39.5753 24.8915 39.7969C24.9674 39.8712 25.0438 39.946 25.1202 40.0224C25.1455 40.035 25.1645 40.054 25.1835 40.073C25.2025 40.092 25.2215 40.111 25.2468 40.1236C26.0065 40.8074 26.7915 41.4658 27.6524 42.0229C27.7031 42.0482 27.7474 42.0798 27.7917 42.1115C27.836 42.1431 27.8803 42.1748 27.931 42.2001C28.007 42.2508 28.0893 42.3014 28.1716 42.3521C28.2539 42.4027 28.3362 42.4533 28.4121 42.504C28.5261 42.5673 28.6337 42.6306 28.7414 42.6939C28.849 42.7572 28.9566 42.8205 29.0705 42.8838ZM64.2693 12.826C69.4604 14.3453 73.4614 18.6755 74.3731 24.0946C74.4997 24.8543 74.5756 25.6646 74.5756 26.6269C74.5756 27.4372 74.4997 28.2222 74.3731 29.0072C73.4361 34.4009 69.4604 38.7565 64.2693 40.2758L64.2788 40.3423C64.3515 40.85 64.4212 41.3373 64.4212 41.8712C64.4212 47.4675 59.8884 52.0003 54.2921 52.0003C51.4813 52.0003 48.9237 50.8354 47.0751 48.9615C46.5687 50.3036 45.3025 51.2659 43.7832 51.2659C41.8333 51.2659 40.238 49.6706 40.238 47.7207C40.238 45.7455 41.5548 44.8846 44.3909 43.5678C44.6719 43.4367 44.939 43.2917 45.2128 43.1431C45.3091 43.0908 45.4063 43.0381 45.5051 42.9854C45.733 42.8587 45.9609 42.7321 46.1635 42.6055C46.3407 42.5042 46.4926 42.403 46.6445 42.3017L46.6446 42.3016C46.6953 42.2763 46.7396 42.2447 46.7839 42.213C46.8282 42.1814 46.8725 42.1497 46.9232 42.1244C47.7842 41.5673 48.5692 40.9089 49.3289 40.2252C49.3542 40.2125 49.3732 40.1935 49.3922 40.1745C49.4112 40.1555 49.4301 40.1365 49.4555 40.1239C49.7593 39.82 50.0632 39.5161 50.3418 39.2123C50.3797 39.1743 50.4177 39.13 50.4557 39.0856C50.4937 39.0413 50.5317 38.997 50.5697 38.959C50.6893 38.8096 50.8128 38.664 50.9356 38.5193C51.1248 38.2962 51.3124 38.0752 51.4813 37.8448C53.8363 34.7048 55.2797 30.7798 55.2797 26.5509C55.2797 22.322 53.8616 18.397 51.4813 15.257C51.2027 14.8771 50.8989 14.4973 50.5697 14.1428C50.5317 14.1048 50.4937 14.0605 50.4557 14.0161C50.4177 13.9718 50.3797 13.9275 50.3418 13.8895C50.0632 13.5603 49.7593 13.2565 49.4555 12.9779C49.4301 12.9652 49.4112 12.9463 49.3922 12.9273C49.3732 12.9083 49.3542 12.8893 49.3289 12.8766C48.5692 12.1929 47.7842 11.5598 46.9232 10.9774C46.8726 10.9521 46.8282 10.9204 46.7839 10.8888C46.7396 10.8571 46.6953 10.8255 46.6446 10.8001C46.5687 10.7495 46.4864 10.6988 46.4041 10.6482C46.3218 10.5976 46.2395 10.5469 46.1635 10.4963C46.0496 10.433 45.9419 10.3697 45.8343 10.3064C45.7267 10.243 45.6191 10.1797 45.5051 10.1164C45.1506 9.91385 44.7708 9.71127 44.3909 9.53401C41.5801 8.19191 40.238 7.33093 40.238 5.38108C40.238 3.43123 41.8333 1.8359 43.7832 1.8359C45.3025 1.8359 46.5687 2.79816 47.0751 4.14027C48.9237 2.26638 51.456 1.10154 54.2921 1.10154C59.8884 1.10154 64.4212 5.63431 64.4212 11.2306C64.4212 11.7624 64.3452 12.2942 64.2693 12.826Z" fill="currentColor"></path>
<path d="M48.3405 26.475C48.3405 20.3723 43.4025 15.4343 37.2998 15.4343C31.197 15.4343 26.259 20.3723 26.259 26.475C26.259 32.5778 31.197 37.5158 37.2998 37.5158C43.4025 37.5158 48.3405 32.5778 48.3405 26.475Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.934 36.2635V0.832581H113.425V36.2635H119.934ZM98.4922 36.9973C101.494 36.9973 103.973 36.198 105.931 34.5994C107.888 33.0007 109.161 31.0922 109.748 28.8736L104.022 26.9651C103.696 28.0743 103.076 29.0286 102.162 29.8279C101.249 30.6272 100.026 31.0269 98.4922 31.0269C96.763 31.0269 95.303 30.4152 94.1122 29.1917C92.9214 27.9683 92.326 26.3126 92.326 24.2246C92.326 22.1366 92.9133 20.489 94.0878 19.2819C95.2623 18.0747 96.7141 17.4712 98.4432 17.4712C101.216 17.4712 102.994 18.8251 103.777 21.533L109.601 19.5755C109.046 17.3243 107.79 15.4076 105.833 13.8253C103.875 12.243 101.363 11.4518 98.2964 11.4518C94.7729 11.4518 91.8122 12.6589 89.4142 15.0732C87.0163 17.4875 85.8173 20.5379 85.8173 24.2246C85.8173 27.8786 87.0326 30.9209 89.4631 33.3514C91.8937 35.782 94.9034 36.9973 98.4922 36.9973ZM145.097 33.3759C142.699 35.7902 139.689 36.9973 136.068 36.9973C132.446 36.9973 129.437 35.7902 127.039 33.3759C124.641 30.9617 123.442 27.9112 123.442 24.2246C123.442 20.5379 124.633 17.4875 127.014 15.0732C129.429 12.6589 132.446 11.4518 136.068 11.4518C139.689 11.4518 142.699 12.6589 145.097 15.0732C147.495 17.4875 148.694 20.5379 148.694 24.2246C148.694 27.9112 147.495 30.9617 145.097 33.3759ZM136.069 31.0758C134.373 31.0758 132.921 30.4722 131.714 29.2651C130.539 28.058 129.952 26.3778 129.952 24.2245C129.952 22.0713 130.547 20.3911 131.738 19.1839C132.929 17.9768 134.373 17.3732 136.069 17.3732C137.766 17.3732 139.209 17.9768 140.4 19.1839C141.591 20.3911 142.186 22.0713 142.186 24.2245C142.186 26.3778 141.591 28.058 140.4 29.2651C139.209 30.4722 137.766 31.0758 136.069 31.0758ZM164.901 36.0919C163.677 36.6302 162.381 36.8994 161.01 36.8994C158.172 36.8994 155.937 35.9941 154.306 34.1834C152.675 32.3727 151.859 30.1134 151.859 27.4055V12.1859H158.368V26.0842C158.368 27.5197 158.743 28.686 159.493 29.5832C160.244 30.4804 161.337 30.929 162.772 30.929C164.175 30.929 165.284 30.4967 166.1 29.6321C166.915 28.7676 167.323 27.6175 167.323 26.182V12.1859H173.832V31.9078C173.832 33.4411 173.914 34.893 174.077 36.2632H167.862C167.731 35.6107 167.666 34.7461 167.666 33.6695C167.046 34.7461 166.124 35.5536 164.901 36.0919ZM189.5 36.8507C191.066 36.8507 192.444 36.5408 193.635 35.9209C194.826 35.301 195.698 34.4854 196.253 33.474C196.253 34.518 196.335 35.4479 196.498 36.2635H202.713C202.582 34.9585 202.517 33.5067 202.517 31.908V0.832581H196.106V14.5841C195.03 12.5939 192.762 11.5989 189.304 11.5989C185.943 11.5989 183.178 12.806 181.009 15.2203C178.839 17.6345 177.755 20.6197 177.755 24.1759C177.755 27.8299 178.856 30.8559 181.058 33.2538C183.26 35.6518 186.074 36.8507 189.5 36.8507ZM185.977 29.1919C187.086 30.4154 188.522 31.0271 190.283 31.0271C192.013 31.0271 193.432 30.4072 194.541 29.1674C195.65 27.9277 196.205 26.2475 196.205 24.1269C196.205 22.0388 195.65 20.3994 194.541 19.2086C193.432 18.0178 192.013 17.4224 190.283 17.4224C188.554 17.4224 187.127 18.026 186.001 19.2331C184.876 20.4402 184.313 22.0878 184.313 24.1758C184.313 26.2964 184.868 27.9685 185.977 29.1919ZM218.798 36.9973C221.8 36.9973 224.279 36.198 226.237 34.5994C228.194 33.0007 229.466 31.0922 230.054 28.8736L224.328 26.9651C224.002 28.0743 223.382 29.0286 222.468 29.8279C221.555 30.6272 220.331 31.0269 218.798 31.0269C217.069 31.0269 215.609 30.4152 214.418 29.1917C213.227 27.9683 212.632 26.3126 212.632 24.2246C212.632 22.1366 213.219 20.489 214.394 19.2819C215.568 18.0747 217.02 17.4712 218.749 17.4712C221.522 17.4712 223.3 18.8251 224.083 21.533L229.907 19.5755C229.352 17.3243 228.096 15.4076 226.139 13.8253C224.181 12.243 221.669 11.4518 218.602 11.4518C215.079 11.4518 212.118 12.6589 209.72 15.0732C207.322 17.4875 206.123 20.5379 206.123 24.2246C206.123 27.8786 207.338 30.9209 209.769 33.3514C212.2 35.782 215.209 36.9973 218.798 36.9973ZM248.562 33.3759C247.028 35.7575 244.663 36.9483 241.466 36.9483C238.986 36.9483 236.988 36.2306 235.471 34.7951C233.954 33.3595 233.195 31.663 233.195 29.7055C233.195 27.6501 233.864 26.0026 235.202 24.7628C236.539 23.5231 238.268 22.7401 240.389 22.4138L246.311 21.5329C247.518 21.3698 248.121 20.7989 248.121 19.8201C248.121 18.9066 247.77 18.1562 247.069 17.569C246.368 16.9817 245.364 16.6881 244.059 16.6881C242.689 16.6881 241.604 17.0633 240.805 17.8137C240.006 18.564 239.557 19.4939 239.459 20.6031L233.685 19.3797C233.913 17.2917 234.941 15.4483 236.768 13.8497C238.595 12.2511 241.009 11.4518 244.01 11.4518C247.599 11.4518 250.242 12.3082 251.938 14.021C253.635 15.7338 254.483 17.9279 254.483 20.6031V32.446C254.483 33.8815 254.581 35.1539 254.777 36.2632H248.806C248.643 35.5454 248.562 34.583 248.562 33.3759ZM242.836 32.1037C241.857 32.1037 241.09 31.8346 240.536 31.2963C239.981 30.7579 239.704 30.0973 239.704 29.3143C239.704 27.5851 240.699 26.5738 242.689 26.2801L248.121 25.4482V26.5248C248.121 28.515 247.624 29.9423 246.629 30.8069C245.633 31.6714 244.369 32.1037 242.836 32.1037ZM265.918 22.4142V36.2636H259.41V12.1863H265.723V15.1715C266.408 13.9969 267.386 13.0998 268.659 12.4799C269.931 11.86 271.269 11.5501 272.672 11.5501C275.51 11.5501 277.672 12.4391 279.156 14.2172C280.64 15.9952 281.383 18.2872 281.383 21.0929V36.2636H274.874V22.2185C274.874 20.783 274.507 19.6248 273.773 18.7439C273.039 17.863 271.921 17.4226 270.421 17.4226C269.05 17.4226 267.957 17.8957 267.142 18.8418C266.326 19.7879 265.918 20.9787 265.918 22.4142ZM292.866 36.2636V22.4142C292.866 20.9787 293.274 19.7879 294.09 18.8418C294.905 17.8957 295.998 17.4226 297.368 17.4226C298.869 17.4226 299.987 17.863 300.721 18.7439C301.455 19.6248 301.822 20.783 301.822 22.2185V36.2636H308.33V21.0929C308.33 18.2872 307.588 15.9952 306.104 14.2172C304.619 12.4391 302.458 11.5501 299.619 11.5501C298.217 11.5501 296.879 11.86 295.607 12.4799C294.334 13.0998 293.355 13.9969 292.67 15.1715V12.1863H286.357V36.2636H292.866ZM333.149 33.3759C330.751 35.7901 327.742 36.9972 324.12 36.9972C320.499 36.9972 317.489 35.7901 315.091 33.3759C312.693 30.9616 311.494 27.9111 311.494 24.2245C311.494 20.5379 312.685 17.4874 315.067 15.0731C317.481 12.6589 320.499 11.4518 324.12 11.4518C327.742 11.4518 330.751 12.6589 333.149 15.0731C335.547 17.4874 336.746 20.5379 336.746 24.2245C336.746 27.9111 335.547 30.9616 333.149 33.3759ZM324.121 31.0757C322.425 31.0757 320.973 30.4722 319.766 29.265C318.591 28.0579 318.004 26.3777 318.004 24.2245C318.004 22.0712 318.6 20.391 319.79 19.1839C320.981 17.9767 322.425 17.3732 324.121 17.3732C325.818 17.3732 327.262 17.9767 328.452 19.1839C329.643 20.391 330.239 22.0712 330.239 24.2245C330.239 26.3777 329.643 28.0579 328.452 29.265C327.262 30.4722 325.818 31.0757 324.121 31.0757ZM346.762 22.4142V36.2636H340.254V12.1863H346.567V15.1715C347.252 13.9969 348.23 13.0998 349.503 12.4799C350.775 11.86 352.113 11.5501 353.516 11.5501C356.354 11.5501 358.515 12.4391 360 14.2172C361.484 15.9952 362.227 18.2872 362.227 21.0929V36.2636H355.718V22.2185C355.718 20.783 355.351 19.6248 354.617 18.7439C353.883 17.863 352.765 17.4226 351.265 17.4226C349.894 17.4226 348.801 17.8957 347.986 18.8418C347.17 19.7879 346.762 20.9787 346.762 22.4142Z" fill="currentColor"></path>
<path d="M313.211 64.2638C318.224 64.2638 320.862 60.5706 320.862 60.5706L319.015 58.724C319.015 58.724 317.037 61.6258 313.211 61.6258C309.386 61.6258 306.353 58.5921 306.353 54.767C306.353 50.9419 309.386 47.9082 313.211 47.9082C317.037 47.9082 318.883 50.6781 318.883 50.6781L320.73 48.8315C320.73 48.8315 318.224 45.2702 313.211 45.2702C307.672 45.2702 303.451 49.491 303.451 54.767C303.451 60.043 307.672 64.2638 313.211 64.2638ZM324.294 64H327.196V50.4143L333.923 58.9878L340.65 50.4143V64H343.552V45.534H340.914L333.923 54.5032L326.932 45.534H324.294V64ZM353.568 64.2638C357.657 64.2638 360.163 61.7577 360.163 58.8559C360.163 51.9971 350.402 54.5032 350.402 50.4143C350.402 49.0953 351.589 47.9082 353.832 47.9082C356.338 47.9082 357.657 49.6229 357.657 49.6229L359.635 47.6444C359.635 47.6444 357.657 45.2702 353.832 45.2702C349.875 45.2702 347.5 47.6444 347.5 50.4143C347.5 57.2731 357.261 54.767 357.261 58.8559C357.261 60.3068 355.942 61.6258 353.568 61.6258C350.402 61.6258 348.951 59.5154 348.951 59.5154L346.973 61.4939C346.973 61.4939 349.083 64.2638 353.568 64.2638Z" fill="currentColor"></path>
</svg><span class="sr-only">CloudCannon</span></a>
</div>
</div>
</div>
<div class="fullwidth-module supporters-gold">
<h3 class="subhed ta-c"><strong>Gold Sponsors</strong></h3>
<div class="lo-grid"><div class=" supporters-gold-nordhealth">
<a href="https://nordhealth.com/" class="elv-externalexempt" data-supporters-slug="nordhealth" rel="sponsored"><svg style="max-height: 4.5em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1015.71 200"><defs><style>.cls-1{fill:#3559c7;}.cls-2{fill:currentColor;}</style></defs><path class="cls-1" d="M162,0a34.22,34.22,0,0,0-24,10.09,1.09,1.09,0,0,0-.34.34L97.93,50.09,57.76,10.26c-.17-.09-.26-.26-.43-.35l-.17-.17A33.29,33.29,0,0,0,33.49,0,33.91,33.91,0,0,0-.27,33.33V166.58A33.86,33.86,0,0,0,33.49,200a34.2,34.2,0,0,0,24-10.09c.17-.08.26-.25.35-.34l40-40,39.74,40.17c.17.09.26.26.43.35l.17.17A33.29,33.29,0,0,0,161.86,200c18.38,0,34.28-14.87,34.62-33.33V33.42C196.31,15,180.41,0,162,0Zm14.1,162.74c0,7.43-6.84,13.41-14.1,13.41a13.2,13.2,0,0,1-9.32-3.93c-.17-.17-.25-.34-.43-.43l-.17-.17-89-86.49L48.53,99.66,83.4,134.87,43,172.05l-.25.26a13.18,13.18,0,0,1-22.4-9.66V37.26A13.35,13.35,0,0,1,33.57,23.85a13.2,13.2,0,0,1,9.32,3.93c.17.17.25.34.43.43l.17.17L133.32,114l14.53-14.53L112.63,64.62,152.55,28l.25-.26A13.33,13.33,0,0,1,162,23.93c7.35,0,14.1,6,14.1,13.42Z"></path><path class="cls-2" d="M295.62,66.5c-11.53,0-20.85,5.64-23.5,14.1h-.43l-2.82-12.22H250.32v77.69h21.29V104.19c0-10.51,6.24-17.69,15.72-17.69,8.72,0,14.79,6.75,14.79,16.75v42.82H323.4V95.9C323.49,78.29,312.46,66.5,295.62,66.5Z"></path><path class="cls-2" d="M377.42,147.86c24.44,0,40.77-16.32,40.77-40.77s-16.33-40.77-40.77-40.77-40.94,16.33-40.94,40.77S353,147.86,377.42,147.86Zm0-20.08c-11.54,0-19.15-8.29-19.15-20.69s7.61-20.68,19.15-20.68,19,8.29,19,20.68S389,127.78,377.42,127.78Z"></path><path class="cls-2" d="M472.46,68.38c-9.31,0-16.84,5.81-19,14.61h-.17L450.5,68.38H432v77.69h21.28v-35c0-12.82,6.5-21.28,16.67-21.28h11.79V68.38Z"></path><path class="cls-2" d="M546.65,30.77V80.26h-.43c-2.48-8.12-11.71-13.76-22.9-13.76-21.2,0-35.13,16.32-35.13,40.76s14,40.77,35.13,40.77c11.19,0,20.34-5.64,22.9-13.93h.43l2.82,12.05H568V30.77Zm-18.38,97.61c-11,0-18.37-8.47-18.37-21.2S517.25,86,528.27,86s18.38,8.46,18.38,21.2S539.3,128.38,528.27,128.38Z"></path><path class="cls-2" d="M630.75,66.5c-11.53,0-20.85,5.64-23.5,14.1h-.43V30.77H585.54v115.3h21.28V104.19c0-10.51,6.24-17.69,15.73-17.69,8.89,0,14.78,6.92,14.78,16.92v42.65h21.29V95.9C658.53,78.29,647.51,66.5,630.75,66.5Z"></path><path class="cls-2" d="M747.68,106.75c0-24.1-15.13-40.25-37.52-40.25-23.17,0-38.55,16.32-38.55,40.76S687.51,148,711.44,148c15,0,28.63-8.46,34.1-21l-16.84-7c-2.48,6.07-8.89,9.74-17.26,9.74-10.6,0-17.61-5.64-19.57-15.64h55.81v-7.35ZM709.56,84.87c10.6,0,16.92,6.07,17.86,16.58H691.61C693.23,90.94,699.73,84.87,709.56,84.87Z"></path><path class="cls-2" d="M831.61,128.38c-2.14,0-3.42-1.54-3.42-4.36V94.36c0-17.52-12.14-27.86-33.16-27.86-17.87,0-30.17,9.23-34.1,25l18.8,4.7c1.28-7.69,7-12.22,15-12.22,7.6,0,12.13,3.59,12.13,9.23v.34c0,3.33-2.05,5.81-5.89,6.41L781,103.16c-14.79,2.22-23.33,10.17-23.33,22.14,0,14.44,9.48,22.73,25.81,22.73,11,0,19.57-3.93,24.7-10.94,2.31,6,7.78,9.06,15.73,9.06h11.36V128.46h-3.67Zm-41.11,4.1c-7.18,0-11.54-3.16-11.54-8.29,0-4.7,3.76-7.87,9.66-8.81l18.2-2.82v2.82C806.82,125.73,800.33,132.48,790.5,132.48Z"></path><path class="cls-2" d="M847.42,146.07H868.7V30.77H847.42Z"></path><path class="cls-2" d="M916,127.18c-6.41,0-10-3.16-10-8.46V87.18h21.45V68.38H906.05V44.27H884.77V120c0,16.75,9.66,26.15,26.41,26.15h17.61v-19Z"></path><path class="cls-2" d="M987.93,66.5c-11.53,0-20.85,5.64-23.5,14.1h-.51V30.77H942.64v115.3h21.28V104.19c0-10.51,6.24-17.69,15.72-17.69,8.89,0,14.79,6.92,14.79,16.92v42.65h21.28V95.9C1015.71,78.29,1004.69,66.5,987.93,66.5Z"></path></svg><span class="sr-only">Nordhealth</span></a>
</div><div class=" supporters-gold-transloadit">
<a href="https://transloadit.com/?utm_source=11ty&utm_medium=referral&utm_campaign=sponsorship&utm_content=website" class="elv-externalexempt" data-supporters-slug="transloadit" rel="sponsored"><svg style="margin-top: 0; margin-bottom: 0;" viewBox="30 25 240 65" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M56.641 42.978c-1.08-2.863-1.759-7.443-1.759-9.04a5.522 5.522 0 0 1 11.044 0c0 1.59-.674 6.139-1.75 9.005 9.543.514 22.807 2.959 23.417 6.211.684 3.666.945 12.881.945 21.923 0 7.842-13.972 12.964-27.81 12.964-13.845 0-27.81-5.122-27.81-12.964 0-9.042.255-18.257.945-21.923.594-3.182 13.293-5.591 22.778-6.176Z" fill="#FFF"></path><path d="M52.898 68.333a1.918 1.918 0 0 1-1.92 1.915 1.918 1.918 0 0 1-1.922-1.915c0-1.058.863-1.92 1.921-1.92 1.059 0 1.92.862 1.92 1.92M67.976 76.984a1.543 1.543 0 0 1-.619 2.081c-.113.054-2.693 1.427-6.647 1.427-3.96 0-6.51-1.373-6.617-1.433a1.536 1.536 0 0 1-.607-2.086 1.531 1.531 0 0 1 2.075-.607c.054.024 2.045 1.058 5.149 1.058 3.133 0 5.16-1.052 5.185-1.058a1.532 1.532 0 0 1 2.08.618M76.228 68.333a1.918 1.918 0 0 1-3.835 0c0-1.058.862-1.92 1.92-1.92 1.059 0 1.915.862 1.915 1.92" fill="#0D1419" fill-rule="nonzero"></path><path d="M72.393 72.168a5.763 5.763 0 0 1-5.755-5.755 5.764 5.764 0 0 1 5.755-5.755 5.76 5.76 0 0 1 5.755 5.755 5.76 5.76 0 0 1-5.755 5.755m0-14.388a8.632 8.632 0 0 0-8.633 8.633 8.632 8.632 0 0 0 8.633 8.633 8.632 8.632 0 0 0 8.633-8.633 8.632 8.632 0 0 0-8.633-8.633" fill="#0D1419" fill-rule="nonzero"></path><path d="M34.899 70.517c0-8.398.237-16.956.878-20.36.593-3.18 14.192-5.528 23.094-5.83v-6.098a3.825 3.825 0 0 1 1.53-7.33 3.829 3.829 0 0 1 3.832 3.825 3.82 3.82 0 0 1-2.301 3.505v6.08c8.873.207 23.136 2.592 23.747 5.847.635 3.405.878 11.963.878 20.361 0 7.284-12.977 12.04-25.83 12.04-12.858 0-25.828-4.756-25.828-12.04Zm42.144-28.356c-3.479-.713-7.534-1.254-11.267-1.534v-.476a7.687 7.687 0 0 0 2.3-5.481c0-4.227-3.442-7.67-7.675-7.67-4.227 0-7.67 3.443-7.67 7.67 0 2.099.856 4.06 2.3 5.481v.53c-3.554.291-7.342.808-10.618 1.48-8.098 1.66-11.832 3.835-12.473 7.272C31.119 53.82 31 64.546 31 70.55c0 10.328 15.316 15.905 29.728 15.905s29.728-5.577 29.728-15.905c0-6.005-.125-16.73-.946-21.118-.642-3.437-4.37-5.613-12.467-7.272Z" fill="#0D1419" fill-rule="nonzero"></path><path d="M49.056 72.168a5.758 5.758 0 0 1-5.749-5.755 5.759 5.759 0 0 1 5.75-5.755 5.76 5.76 0 0 1 5.755 5.755 5.76 5.76 0 0 1-5.755 5.755m0-14.388c-4.763 0-8.627 3.865-8.627 8.633 0 4.768 3.864 8.633 8.627 8.633a8.632 8.632 0 0 0 8.633-8.633 8.632 8.632 0 0 0-8.633-8.633" fill="#0D1419" fill-rule="nonzero"></path><g transform="translate(100.873 48.266)" fill="currentColor"><path fill-rule="nonzero" d="M17.758 4.681h-7.104v18.188H7.103V4.681H0V1.33h17.758v3.351M28.116 9.466H23.38c-.8 0-1.185.48-1.185 1.437v11.966h-3.551V10.903c0-3.263 1.509-4.787 4.736-4.787h4.735v3.35M42.025 14.852l-7.104 1.794c-1.065.268-1.184.63-1.184 1.436 0 .958.386 1.436 1.184 1.436h5.92c.799 0 1.182-.478 1.182-1.436v-3.23h.002Zm3.552-3.949v7.178c0 3.258-1.509 4.785-4.734 4.785h-5.921c-3.225 0-4.735-1.527-4.735-4.785 0-1.438.474-2.423 1.51-3.022 1.065-.629 1.687-.837 3.225-1.226l7.104-1.794v-1.135c0-.958-.386-1.437-1.182-1.437h-5.92c-.8 0-1.184.48-1.184 1.437V12.1h-3.552v-1.196c0-3.262 1.51-4.787 4.735-4.787h5.92c3.225 0 4.734 1.523 4.734 4.786ZM60.82 10.903c0-.958-.386-1.437-1.183-1.437h-5.92c-.8 0-1.185.48-1.185 1.437v11.966h-3.55V10.903c0-3.263 1.509-4.787 4.734-4.787h5.921c3.225 0 4.734 1.524 4.734 4.787v11.966h-3.552V10.903M78.28 22.87h-5.92c-3.227 0-4.735-1.528-4.735-4.788v-1.195h3.553v1.195c0 .958.384 1.436 1.181 1.436h5.922c.8 0 1.182-.478 1.182-1.436 0-.687 0-1.018-1.182-1.436l-5.922-1.496c-1.539-.39-2.16-.597-3.226-1.196-1.036-.629-1.508-1.615-1.508-3.051 0-3.263 1.508-4.787 4.734-4.787h5.922c3.225 0 4.733 1.524 4.733 4.787v1.196h-3.55v-1.196c0-.958-.385-1.437-1.182-1.437H72.36c-.799 0-1.18.48-1.18 1.437 0 .685 0 1.016 1.18 1.436l5.922 1.494c1.539.392 2.159.6 3.197 1.228 1.065.597 1.538 1.585 1.538 3.021-.001 3.26-1.51 4.787-4.736 4.787M90.415 19.517h2.958v3.349h-2.958c-2.961 0-4.143-1.196-4.143-4.188V1.329h3.551v17.35c0 .599.089.838.592.838M107.432 10.903c0-.958-.387-1.437-1.184-1.437h-5.919c-.802 0-1.183.48-1.183 1.437v7.178c0 .955.384 1.436 1.183 1.436h5.92c.799 0 1.182-.48 1.182-1.436v-7.178Zm3.552 0v7.178c0 3.258-1.452 4.785-4.736 4.785h-5.919c-3.286 0-4.735-1.527-4.735-4.785v-7.178c0-3.263 1.451-4.787 4.735-4.787h5.92c3.285 0 4.735 1.524 4.735 4.787ZM125.93 14.852l-7.103 1.794c-1.067.268-1.185.63-1.185 1.436 0 .958.385 1.436 1.185 1.436h5.92c.798 0 1.183-.478 1.183-1.436v-3.23Zm3.55-3.949v7.178c0 3.258-1.507 4.785-4.733 4.785h-5.92c-3.225 0-4.735-1.527-4.735-4.785 0-1.438.474-2.423 1.51-3.022 1.064-.629 1.685-.837 3.226-1.226l7.103-1.794v-1.135c0-.958-.387-1.437-1.184-1.437h-5.92c-.8 0-1.184.48-1.184 1.437V12.1h-3.551v-1.196c0-3.262 1.51-4.787 4.736-4.787h5.92c3.224 0 4.732 1.523 4.732 4.786ZM144.575 18.082V9.467h-7.103c-.802 0-1.184.478-1.184 1.436v7.178c0 .958.384 1.436 1.184 1.436h5.92c.797 0 1.183-.477 1.183-1.435Zm3.55-16.752v16.752c0 3.26-1.45 4.787-4.734 4.787h-5.92c-3.286 0-4.734-1.527-4.734-4.787v-7.178c0-3.261 1.449-4.786 4.735-4.786h7.103V1.331h3.55ZM155.228 6.261v16.605h-3.551V6.261h3.551z"></path><circle cx="153.323" cy="2.27" r="2.27"></circle><path d="M168.251 19.517v3.349h-5.327c-2.958 0-4.141-1.196-4.141-4.188V1.329h3.55v4.787h5.327v3.35h-5.327v9.21c0 .6.09.84.591.84h5.327" fill-rule="nonzero"></path></g></g></svg><span class="sr-only">Transloadit</span></a>
</div>
</div>
</div>
<div class="fullwidth-module">
<is-land on:visible="" on:save-data="false">
<template data-island="">
<h3 class="subhed ta-c"><strong>Supporters</strong></h3>
<html-fetch src="/imports/supporters.html"></html-fetch>
</template>
</is-land>
</div>
<p>Wow, such a big list! <strong><a href="https://www.11ty.dev/docs/how-to-support/">Do you want to help too?</a></strong></p>
Jamstack Community Survey 2021 Results2021-10-05T00:00:00Zhttps://www.11ty.dev/blog/jamstack-survey-2021/<h3 id="check-out-the-jamstack-community-survey-2021" tabindex="-1">Check out the <a href="https://jamstack.org/survey/2021/">Jamstack Community Survey 2021</a> <a class="direct-link" href="https://www.11ty.dev/blog/jamstack-survey-2021/#check-out-the-jamstack-community-survey-2021">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h3>
<p>Skip to the <a href="https://jamstack.org/survey/2021/#choices">Technology choices section</a> to read about Frameworks.</p>
<p>Of note:</p>
<blockquote>
<p>Major frameworks, where the cut-off is at least 10% usage</p>
</blockquote>
<p>Eleventy is classified as a “major framework” here with ~17% usage, which is huge news. Our usage is beyond that of Vite, Svelte, Hugo, Preact, and Jekyll in the Jamstack world!</p>
<blockquote>
<p>Relative newcomers Svelte and 11ty are doing very well, with 11ty continuing a strong showing despite relatively low awareness. Early-ish adopters, check these out.</p>
</blockquote>
<p>Astute readers might remember that <a href="https://www.11ty.dev/blog/jamstack-survey/">last year’s 2020 survey</a> had some lovely things to say too.</p>
<p>Really appreciate the support, everyone!</p>
<p>Read more <a href="https://www.netlify.com/blog/2021/10/06/first-look-announcing-jamstack-community-survey-2021-results/">on the Netlify Blog: First look: Announcing Jamstack Community Survey 2021 Results</a></p>
Two Million npm Downloads!2021-09-03T00:00:00Zhttps://www.11ty.dev/blog/2million/<p>Eleventy has passed <a href="https://npm-stat.com/charts.html?package=%4011ty%2Feleventy&from=2018-01-01&to=2021-08-31">two million lifetime downloads</a>!</p>
<p>We put up a nice <a href="https://twitter.11ty.dev/1433927237397581824">celebratory video on Twitter</a>.</p>
<p>Thanks for the support, y’all!</p>
<img src="https://www.11ty.dev/blog/twomillion.png" alt="Chart showing the npm download statistics from January 1, 2018 to August 31, 2021" class="sites-screenshot" style="max-width: 700px">
Join the Eleventy Super Professional Business Network2021-02-26T00:00:00Zhttps://www.11ty.dev/blog/espbn/<p>In the past week I’ve gotten two requests for recommendations for web developers and the best idea I had was to point people to the <a href="https://www.11ty.dev/authors/">Eleventy Authors page</a>—but I didn’t know who was freelancing and who wasn’t!</p>
<p>Then I thought y’all might want to let me know if you’re freelancing to make it easier for folks to find you and do business! Thus, the <a href="https://www.11ty.dev/super-professional-business-network/">Eleventy Super Professional Business Network</a> was born.</p>
<p>If you want to be listed on the network, find your <a href="https://github.com/11ty/11ty-community/tree/main/built-with-eleventy">site JSON in the 11ty-community repo</a> and add your <code>business_*</code> properties. The <code>business_url</code> property is the only thing that’s required. Here are a few valid samples:</p>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span><br> <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"https://www.zachleat.com/"</span><span class="token punctuation">,</span><br> <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Zach Leatherman"</span><span class="token punctuation">,</span><br> <span class="token property">"twitter"</span><span class="token operator">:</span> <span class="token string">"zachleat"</span><span class="token punctuation">,</span><br> <span class="token property">"business_url"</span><span class="token operator">:</span> <span class="token string">"https://www.zachleat.com/hire-me/"</span><br><span class="token punctuation">}</span></code></pre>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span><br> <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"https://www.zachleat.com/"</span><span class="token punctuation">,</span><br> <span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Zach Leatherman"</span><span class="token punctuation">,</span><br> <span class="token property">"twitter"</span><span class="token operator">:</span> <span class="token string">"zachleat"</span><span class="token punctuation">,</span><br> <span class="token property">"business_url"</span><span class="token operator">:</span> <span class="token string">"https://www.zachleat.com/hire-me/"</span><span class="token punctuation">,</span><br> <span class="token property">"business_name"</span><span class="token operator">:</span> <span class="token string">"zachleat Web Design Company"</span><br><span class="token punctuation">}</span></code></pre>
<ul>
<li><code>business_url</code> URL for the big “Do Business” buttons</li>
<li><code>business_name</code> <em>(optional)</em> if you want your Business Name to be different from your site name</li>
</ul>
<p>This is what it’ll look like on the site:</p>
<img src="https://www.11ty.dev/blog/espbn.png" alt="Sample rendering of a few fake network entries" class="sites-screenshot" style="max-width: 700px">
<p>This business information will also show on your Eleventy Author page too.</p>
<p>Currently the Eleventy Super Professional Business Network is available only to active Open Collective supporters at the Backer tier or above (currently only $5/month). Based on the success of the Business Network the minimum required contribution may increase in the future.</p>
The State of Eleventy (2020) in Two Minutes2020-10-15T00:00:00Zhttps://www.11ty.dev/blog/state-of-eleventy-2020/<ul>
<li><a href="https://www.youtube.com/watch?v=ix5mPa6D7ZA">Watch on YouTube</a></li>
<li>Also posted on <a href="https://www.zachleat.com/web/jamsnack/">zachleat.com</a>.</li>
</ul>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="ix5mPa6D7ZA" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/ix5mPa6D7ZA/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=ix5mPa6D7ZA" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=ix5mPa6D7ZA">Watch on YouTube</a></is-land></div>MIT’s new Digital Humanities site launches using Eleventy!2020-08-11T00:00:00Zhttps://www.11ty.dev/blog/mit/<p>In another new exciting launch, we’ve learned that MIT’s new Digital Humanities site was built using Eleventy!</p>
<p>You can see an interview about the new site on <a href="https://www.sanity.io/blog/community-digest-summer-edition-part-1#the-new-mit-digital-humanities-website-a6af0b533b78">Sanity’s Community Spotlight</a> with <a href="https://twitter.com/brob">Bryan Robinson</a>:</p>
<div><is-land on:visible="" import="/js/lite-yt-embed.js" class="fluid"><lite-youtube videoid="7U-1WnXpAnc" playlabel="Play" style="background-image:url('https://i.ytimg.com/vi/7U-1WnXpAnc/maxresdefault.jpg')">
<a href="https://youtube.com/watch?v=7U-1WnXpAnc" class="elv-externalexempt lty-playbtn" title="Play Video"><span class="lyt-visually-hidden">Play Video</span></a>
</lite-youtube><a href="https://youtube.com/watch?v=7U-1WnXpAnc">Watch on YouTube</a></is-land></div>
<p>Awesome work by <a href="https://selfaware.studio/">Mike Wagz and the Self Aware crew</a>.</p>
Join our Discord Server!2020-08-10T00:00:00Zhttps://www.11ty.dev/blog/discord/<p>It has been long requested that we create a space for the Eleventy Community to gather and hang out. A welcoming space for beginners to Eleventy to ask questions without some of the intimidation that might accompany opening a GitHub issue.</p>
<p>Wait no longer. We have created a Discord server! Join us with this special invite code: <a href="https://discord.gg/GBkBy9u">discord.gg/GBkBy9u</a></p>
JSNation Open Source Awards 20202020-06-15T00:00:00Zhttps://www.11ty.dev/blog/jsnation-osawards-2020/<p>Just want to highlight that Eleventy was nominated for the <a href="https://twitter.com/thejsnation/status/1272438620889190406">JSNation Conference 2020 Open Source Awards category: Breakthrough of the Year</a> alongside:</p>
<ul>
<li>Deno</li>
<li>TailwindCSS</li>
<li>Alpine.js</li>
<li>Eleventy</li>
<li>Svelte.js</li>
</ul>
<p><a href="https://osawards.com/javascript/2020">Winners for the cateogry</a> were Deno and Svelte.</p>
State of the Jamstack Survey 2020 Results2020-05-27T00:00:00Zhttps://www.11ty.dev/blog/jamstack-survey/<p>Yes, it took me a long while to add this to the blog but I did want to include it in the archives. Netlify does a Jamstack Community Survey every year to gauge trends in the Jamstack world and <a href="https://www.netlify.com/blog/2020/05/27/state-of-the-jamstack-survey-2020-first-results/#best-practices">the results post had a glowing mention of Eleventy</a>:</p>
<img src="https://www.11ty.dev/blog/jamstack-2020-results.png" alt="A bubble chart showing web frameworks. On the horizontal axis, total respondents reporting usage, they are ordered as: React (63%), then jQuery, express, Gatsby, Vue, Next, Nuxt, AngularJS, Angular 2+, Huge, Svelte 11ty (11%). On the vertical axis, satisfaction score, they are ordered: 11ty, Nuxt, Svelte, Next, Vue, Gatsby, React, Express, Hugo, Angular 2+, jQuery, AngularJS." class="sites-screenshot" style="max-width: 600px">
<blockquote>
<p>Relative newcomer 11ty had an amazing satisfaction score</p>
</blockquote>
<p>Really appreciate the support, everyone!</p>
How do I get an Eleventy Sticker?2020-02-05T00:00:00Zhttps://www.11ty.dev/blog/stickers/<p>In order to minimize administrative overhead, to receive an Eleventy sticker you must find someone with Eleventy stickers and ask for one. Verbally. In person. They are not distributed on conference sticker tables. They are not mailed. They are not shipped. They travel only by sneakernet.</p>
<p>Our current list of Eleventy Sticker Ambassadors includes:</p>
<ul>
<li><a href="https://zachleat.com/"><img src="https://v1.image.11ty.dev/https%3A%2F%2Favatars.githubusercontent.com%2Fzachleat%3Fs%3D66/webp/66/" width="66" height="66" alt="GitHub Avatar for zachleat" class="avatar avatar-large" loading="lazy" decoding="async">Zach Leatherman</a> (👋🏻 hi)</li>
<li><a href="https://www.matuzo.at/"><img src="https://v1.image.11ty.dev/https%3A%2F%2Favatars.githubusercontent.com%2Fmatuzo%3Fs%3D66/webp/66/" width="66" height="66" alt="GitHub Avatar for matuzo" class="avatar avatar-large" loading="lazy" decoding="async">Manuel Matuzović</a></li>
</ul>
<p>This list of Sticker Ambassadors may expand as time goes on. You will need to find out which meetups/conferences/events our Sticker Ambassadors are going to, attend those events, and <em>talk to them</em>! As an introvert, I know this is terrible (sorry).</p>
An Homage to the James Williamson Possum Balloon2019-12-19T00:00:00Zhttps://www.11ty.dev/blog/logo-homage/<p>As many of you may know, <a href="https://www.11ty.dev/blog/james-williamson/">James Williamson</a> first came up with <em>animal suspended from the floating red balloon</em> logo for the Eleventy project in May of 2018.</p>
<p>It was <a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865">originally a cat</a>!</p>
<p>James’ <a href="https://twitter.com/jameswillweb/status/999059541798072320">quickly iterated to the now-iconic Eleventy possum</a>.</p>
<img src="https://www.11ty.dev/img/possum.jpg" alt="James Williamson’s classic Eleventy possum" style="max-width: 12em">
<p>Why a possum? Why is the possum floating? Why a balloon? Exactly. <em>42.</em></p>
<p>To honor James, I thought it might be nice to commission a professional interpretation of his original vision. After <a href="https://twitter.11ty.dev/1206687578382049284">Ethan Marcotte shared some possum content from Phineas X. Jones</a>, I knew we had the artist to make this a reality.</p>
<p>Literally three days later, I am proud to show you all something that I hope James would have really enjoyed.</p>
<img src="https://www.11ty.dev/img/possum-balloon-original.png" alt="James Williamson’s vision reimagined by Phineas X. Jones.">
<p>You can see more of Phineas’ work on <a href="http://octophant.us/">octophant.us</a>, <a href="https://www.instagram.com/pxj_work/">Instagram</a>, or <a href="https://twitter.com/Phineas/status/1128348644854382592">Twitter</a>.</p>
<hr>
<p>We also maintain a <a href="https://twitter.com/i/events/1202470199179563008">Twitter Moment of community contributed logos</a>.</p>
A special note of remembrance for James Williamson2019-12-18T00:00:00Zhttps://www.11ty.dev/blog/james-williamson/<p>I just want to take a brief moment to remember the very special James Williamson who <a href="https://twitter.com/justinseeley/status/1201964060658585600">passed away earlier this month</a>. James was <a href="http://simpleprimate.com/blog/long-goodbye">diagnosed with ALS in 2013</a> and was known for his widespread teaching contributions to the web community. Probably the least of which, but one that I will always remember, was his creation of the floating possum mascot for our little Eleventy project. This mascot (nay, mastcot, because it lives in the masthead ok fine but James would have liked that one) lives at the top of the Eleventy docs and links to the <a href="https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865">Twitter thread he started in 2018</a>. Though we never met in real life, James was clearly a one-of-a-kind. We will miss you ❤️</p>
<p>Donations may be made in James’ name to <a href="https://www.als.net/">The ALS Therapy Development Institute</a> or to <a href="http://stjohnsrh.org/">Quest Youth Ministries at St. John's United Methodist Church</a>.</p>
Eleventy Docs Moved from 11ty.io to 11ty.dev2019-12-05T00:00:00Zhttps://www.11ty.dev/blog/moving-house/<p>The Eleventy project is deprecating the 11ty.io domain and moving to 11ty.dev. 11ty.dev now has feature parity and the 11ty.io DNS will begin redirecting to 11ty.dev as soon as your DNS updates.</p>
<p>A couple of wrinkles here:</p>
<ul>
<li>We switched DNS providers to enable proper forwarding behavior here (including all prior versions of docs on subdomains). This may result in some temporary downtime for 11ty.io URLs, but they will begin forwarding correctly in a matter of time. Sorry for this!</li>
<li>Eleventy Contributor Accounts need to be migrated to 11ty.dev. This means you’ll need to set a new password for your account. Check your email for new invite links.</li>
</ul>
<p>This was no small thing! (But it wasn’t too terrible either). We migrated:</p>
<ul>
<li>All <a href="https://www.11ty.dev/docs/versions/">versioned documentation subdomains (×15)</a> (e.g. the <a href="https://v0-5-3.11ty.dev/docs/">Eleventy v0.5.3 documentation</a>)</li>
<li>Netlify custom features (Analytics) and for Contributor Accounts: Identity and Serverless Functions for auth.</li>
<li>Web Hooks to run the docs build every day to update avatars and footer stats.</li>
<li>GitHub repo renamed to a more generic <a href="https://github.com/11ty/11ty-website/"><code>11ty/11ty-website</code></a> (GitHub handles the redirects here)</li>
</ul>
<h2 id="why" tabindex="-1">Why? <a class="direct-link" href="https://www.11ty.dev/blog/moving-house/#why">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>This has been on the agenda for about six months. <a href="https://twitter.com/TatianaTMac/"><img src="https://v1.image.11ty.dev/https%3A%2F%2Favatars.githubusercontent.com%2FTatianaMac%3Fs%3D66/webp/66/" width="66" height="66" alt="GitHub Avatar for TatianaMac" class="avatar avatar-large" loading="lazy" decoding="async">Tatiana Mac</a> said it better:</p>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">ICYMI: .io domains benefit the British government and not the Chagossian and Ilois people that they should, whom the Brits expelled from their island home.<br><br>So, migrating off of .io domains is one way to exhibit solidarity. <br><br>Read more: <a href="https://gigaom.com/2014/06/30/the-dark-side-of-io-how-the-u-k-is-making-web-domain-profits-from-a-shady-cold-war-land-deal/">https://gigaom.com/2014/06/30/the-dark-side-of-io-how-the-u-k-is-making-web-domain-profits-from-a-shady-cold-war-land-deal/</a> <a href="https://twitter.11ty.dev/1202457672756404224">twitter.com/eleven_ty/status/…4224</a></p>— Tatiana Mac (@TatianaTMac) <a href="https://twitter.com/TatianaTMac/status/1202467104722571264">December 5, 2019</a></blockquote>
<p>Some <a href="https://twitter.com/TatianaTMac/status/1202467104">good discussion on Tatiana’s tweet about this</a> as well.</p>
<h2 id="cool-uris-dont-change" tabindex="-1">Cool URIs Don’t Change <a class="direct-link" href="https://www.11ty.dev/blog/moving-house/#cool-uris-dont-change">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>A number of you lovely people 🧐 have pointed out that our documentation prominently links to the classic W3C slogan “<a href="https://www.11ty.dev/docs/permalinks/#cool-uris-dont-change">Cool URIs don’t change</a>.” While it may be tempting to latch onto the dictionary definition of <em>change</em>, the spirit of this idea still holds true! Published URLs are a maintenance task and our prior URLs are still being actively maintained with redirects.</p>
<h2 id="a-small-step-in-the-right-direction" tabindex="-1">A small step in the right direction <a class="direct-link" href="https://www.11ty.dev/blog/moving-house/#a-small-step-in-the-right-direction">
<span class="sr-only" data-pagefind-ignore="">Jump to heading</span>
<span aria-hidden="true" data-pagefind-ignore="">#</span>
</a></h2>
<p>This may be a purely symbolic gesture for now as we do plan to keep the <code>.io</code> redirects in place for awhile. But having our canonical domain off of the <code>.io</code> TLD is an important gesture to make and creates space to retire <code>.io</code> completely at some point in the future. Appreciate your patience with this transition.</p>