# Nunjucks Nunjucks is a JavaScript templating engine with template inheritance, macros, and precompilation support. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Red Hat Developer Hub software template authoring with rhdh-templates DevFeed: [Red Hat Developer Hub software template authoring with rhdh-templates]() Original publisher: [Read original article]() Author: Kashish Mittal Published: 2026-09-07T07:01:32Z Content type: tutorial Language: en Sources: [Red Hat Developer]() Topics: [Backstage](), [internal developer portal](), [Nunjucks](), [AI-assisted coding](), [YAML]() Tags: [ai-coding-agents](), [artificial-intelligence](), [backstage](), [developer-portal](), [developer-productivity](), [developer-tools](), [platform-engineering](), [quick-start](), [red-hat](), [software-templates](), [terminal](), [validation]() ### AI overview This tutorial introduces the rhdh-templates skill for building Red Hat Developer Hub and Backstage software templates with an AI coding assistant. It covers Nunjucks conventions, YAML schema checking, reference templates, local offline validation, repository templatization, and optional testing against a Red Hat Developer Hub instance. ### Source excerpt If you are a platform engineer or developer building Red Hat Developer Hub software templates, you know the friction of wrestling with Nunjucks syntax, guessing location.yaml placements, and discovering errors only after rendering in your developer portal. While AI coding agents handle generic YAML, they lack Red Hat Developer Hub and Backstage-specific conventions. The post Red Hat Developer Hub software template authoring with rhdh-templates appeared first on Red Hat Developer. ## 11ty Hacks for Fun and Performance DevFeed: [11ty Hacks for Fun and Performance]() Original publisher: [Read original article]() Author: Alex Russell Published: 2025-10-04T00:00:00Z Content type: tutorial Language: en Sources: [Alex Russell]() Topics: [Script](), [Nunjucks](), [Markdown](), [Web Development](), [Code]() Tags: [11ty](), [async](), [blog](), [blogging](), [build](), [code](), [fun](), [hacks](), [how-to](), [js](), [module](), [performance](), [script](), [web](), [webdev]() ### AI overview A developer shares techniques for improving performance in an 11ty site, including selectively loading shortcode resources through the 11ty Bundle plugin, avoiding duplicate scripts, and handling Nunjucks and Markdown preprocessing. ### Source excerpt This blog really isn't just for beating up on Apple for the way it harms users, the web, standards, and society to maintain power and profits. So here's some fun stuff I've been doing in my 11ty setup to improve page performance. Contents Page-Specific Resources via Shortcodes and the 11ty Bundler Mo Pagination, Mo Problems Build Time Impact Scroll-Position Based Delayed Code Loading Faster CSS Selectors for 11ty Syntax Highlighting Lean Rada's CSS-only Low-Quality Image Previews Bonus Hack: Global Acronyms for Better Abbreviations Does It Work? Page-Specific Resources via Shortcodes and the 11ty Bundler You know how it gets once you've got a mature 11ty setup: shortcodes proliferate, and some generate output that might depend on JS or CSS. If your setup is anything like mine, you might also feel conflicted about including some of those resources globally. It's important to have them available for the posts that need them, but it's not great to bring a charting library, e.g., into every page when only 1 in 20 will need it. This blog has grown many such shortcodes that generate expansions for features like: Web Components for YouTube and Vimeo embeds WebPageTest.org test embeds plot.js based charts Here, for instance, is how a Vimeo embed looks in the markdown of a page, using Nunjucks for Markdown pre-processing: {% vimeo "VIDEOID", "TITLE" %} This expands to: TITLE But this also requires script; e.g.: And the list keeps growing. To avoid having the weight of these components clogging up every page, a system for selectively pulling in their code would be helpful. It'd also be grand if we could make sure scripts appear just once, even if shortcodes are invoked multiple times per page. Included code should preferably also be located towards the top of the document. The 11ty Bundle plugin ## Add Pagination to Your Eleventy Static Generated Website in Minutes DevFeed: [Add Pagination to Your Eleventy Static Generated Website in Minutes]() Original publisher: [Read original article]() Author: Nic Raboy Published: 2022-01-19T14:00:00Z Content type: tutorial Language: en Sources: [Nic Raboy]() Topics: [Eleventy](), [Nunjucks](), [modern web development]() Tags: [api](), [eleventy](), [html](), [javascript](), [tutorial]() ### AI overview A tutorial explains how to add pagination to an Eleventy website using video data and a Nunjucks template. It covers displaying page numbers and next or previous page controls, while focusing on functionality rather than styling or Eleventy basics. ### Source excerpt A few months ago you might remember a tutorial I put out regarding remote caching in Eleventy. In this tutorial titled, Download and Cache YouTube Data in an Eleventy Website with Simple JavaScript, I... The post Add Pagination to Your Eleventy Static Generated Website in Minutes appeared first on The Polyglot Developer.