govuk-design-system VS nunjucks

The best design system around[0] operates entirely in the open. You can look through the history, discussions, PRs, framework-specific implementations and see why it's geared the way it is - and why it's incredibly successful.

[0] https://github.com/alphagov/govuk-design-system

The GitHub you linked isn’t the central design system. The actual one is here https://github.com/alphagov/govuk-design-system

Why reinvent the wheel? A lot of govt websites have very similar use cases. I would e.g. just get The UK Government Design System, which is really good: https://github.com/alphagov/govuk-design-system

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.