nunjucks VS mustache.js

In ApostropheCMS, templates are where code and content become web pages. Specifically, templates are written in normal HTML markup with special tags and are based on the Nunjucks template language. Thus, they are .html files placed in the /views subfolder of an ApostropheCMS module.

This starter Kit has been created by Corllete in partnership with Apostrophe. From a technical point of view, the ecommerce project is based on several UI components. Each of them relies entirely on Tailwind CSS for styling, with no additional CSS files. These components are organized in macros and fragments coming from the default server-side template engine Nunjucks.

So there's Nunjucks, a frontend templating language inspired by jinja2, which itself is based on the Django template language. You could try that, and mock in data from JSON when required until you're ready to use real Django.

The linked one is my Rails implementation, written for ViewComponent. The official version uses Nunjucks.

The template engine is Nunjucks.

Take a look on Nunjucks a templating language by Mozilla . You can use Gulp to start with it, check gulp-nunjucks-render.

Try out Nunjucks https://mozilla.github.io/nunjucks/ . It does exactly what you want.

Templating engine: SSGs rely on templating engines to define the structure of web pages. These engines enable developers to create reusable templates and incorporate dynamic content. Popular templating engines include Liquid, Handlebars, Mustache, EJS, ERB, HAML, and Slim.

I also enjoy simple templating engines. It makes it far easier to reason about a template and mentally step-through it. For existing art, there are:

DustJS which is a "logic-less" template engine (just loops and simple if-statements): https://github.com/linkedin/dustjs

and there is also mustache, which is very similar: https://mustache.github.io/

Personally, I've re-implemented DustJS in rust but its still a very alpha project: https://code.fizz.buzz/talexander/duster

I think the homepage states, "Logic-less templates"

Other popular templating engines include Jade, EJS, and Handlebars. Jade is a high-performance templating engine that is used for server-side rendering. EJS is a lightweight templating engine that is used for client-side and server-side rendering. Handlebars is a templating language that is based on the Mustache template language.

JSX just a templating language in this case, right? No reactivity at all? What's the benefit against using something like https://github.com/janl/mustache.js/ ?

You don't have to even program the replacement part yourself, because there are many libraries made specifically for that. For this example, I'd recommend mustache.

This is one of the least-bad names because it implements a non-Boost standard and it's named after that. I've used mustache in Python so knew immediately it was a templating language.

First, I setup mustache (npm package) as the templating language (the npm package hasn’t been updated in two years, so that’s great). Mustache is really simple, it provides a few helper utilities, like replacing variables, or iterating over data,

Once the array is ready and back in place, we need to display the information from the emails, and for that we can use the template node. This node uses the mustache system, which is a logicless template engine for creating dynamic content. In other words, it generates HTML code by using tags that are replaced by code.