Google Sheets iconSwift icon
Published at
Updated at
Reading time
1min

I came across a nifty eleventy trick shared by Hugo Giraudel. They shared that it only takes a few lines of JavaScript to display the time when an eleventy site was generated and rendered. If you look in the footer of this site, you'll see when it was rebuilt. The implementation took me two minutes. 🎉

One thing that amazes me about eleventy is its flexible data layer. There are multiple ways to feed the build process with data to display. The options range from static JSON files to promises-based JavaScript functions.

In my case, I have a config.js file that holds a lot of configuration and now it includes a builtAt field, too.

// config.js
module.exports = {
  // bunch of other stuff
  // ...
  builtAt: new Date().toLocaleString(),
};

In my templates (I use Nunjucks), I can now use the data provided by config.js and access the time when the site was generated.

<p>
  This site was rebuilt at <strong>{{config.builtAt}}</strong>using the CEN stack
</p>

Thanks Hugo, for sharing this nifty trick!

Related Topics

Related Articles