eleventy | simpler site generator | Static Site Generator library

For my personal blogging site (https://victorfeight.com/) served behind Cloudflare pages, I'm using Eleventy with a custom script that include dark mode toggling logic, SPA-like page switches with AJAX, and search functionality with Elasticlunr and JavaScript . As I am new to JavaScript Web development and opted not to use a Framework to achieve SPA page switches, I decided to implement all the logic into a single file, wrapped in an IIFE (passing in window and document). I'm wondering if this is the standard way to implement this sort of logic together, or if I should be using webpack or a more modern solution. I'm also wondering if it's possible to load dark mode/light mode script logic and search mode logic per page, in spite of using an AJAX url-switching logic.

First issue: Certain click event handling logic seems to be interrupting my new dark mode toggle, introduced in the same file. I implemented logic found here for dark mode: https://jec.fyi/blog/supporting-dark-mode And I implemented search functionality using logic found here: https://www.belter.io/eleventy-search/

I have the following HTML in my Liquid template, which is loaded by default:

I'm using Eleventy and have created the subfolder yummy in my global data folder, that contains the following files:

I'm using Eleventy and using Posts. I have set the date in the meta data using the format

date: 2021-09-10.

I can display the full date using

{{ page.date | readableDate }}

But I want to display just the year (YYYY) within the post content. I'm using Nunjucks.

How do i do this?

I've tried

{{ page.date.getFullYear }}

This gives the following error:

function () { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return obj[val].apply(obj, args); }

Any help would be really appreciated - thanks!

I'm trying to build a site in Eleventy. The site has blog posts in two collections: A and B. When I'm reading a post in the collection A, I'd like to have a link after the post content that says, "View all A posts". And when I'm reading a post in collection B, I'd like to see a "View all B posts" link.

The blog posts share the same _includes template post.html. In that template, I should be able to create an if statement in nunjucks that goes something like this:

I have a Unity + Zenject setup with a ProjectInstaller with some global dependencies that adhere to a "modal" interface, e.g.,

I have a eleventy Node project, which renders HTML from a JSON file.

Currently, I run this locally using npm run (which runs the eleventy CLI)

Here's the workflow I have in my head:

• put the JSON file in a S3 bucket
• on each file change, run the HTML build
• push the output to a different S3 bucket, which serves the web page

Conceptually, I feel like this would be a standard FaaS use case.

Practically, I stumble over the fact that the Node.js-Lambda runtime always expects an explicit function handler to be invoked. It seems Eleventy does not provide a standard way to be invoked from code (or I have not discovered this yet).

I found that I could build my package into a Docker container and run the npm run as Entrypoint. This would surely work, but seems unnecessary, since the Lambda-provided Node.js runtimes should be capable of running my npm build command if I put my packages in the deployment artifact.

Do I have a knot in my brain? Anything I'm overlooking? Would be happy about any input.

I'm using markdown reference links in my eleventy site.

Rather than repeatedly defining links on each page, I'd rather put them in one place, and just reference them in my pages.

For example links.md could contain:

I'm using this on my package.json

I'm building a website using Nunjucks and Eleventy. I'm attempting to create an unordered list with a Nunjucks for loop (the data is stored in a JSON file). Everything appears to be working, except that the loop runs twice, when it should only run once.

JSON