Зачем нужен nunjucks, как он может помочь в фронтенд верстке?
Приведу в пример свои юзкейсы. Если есть проект размером, например, 10 и больше страниц (один из последних у меня 50+ страниц), и в них есть шапка, подвал и меню повторяющиеся. Представьте, Вы это все копипастом делаете, а потом надо еще пункт добавить или верстка шапки поменяется... Менять вручную это ад. В нунчаках можно шапку и подвал, и меню подключить как модули, если что-то поменялось - редактируете только один файл, меняется сразу везде.
Вариант второй, надо проверить и показать верстку на надежность, переполнением контейнера, к примеру есть таблица, можно вручную скопировать вставить 30 строк, но потом документ будет иметь большой размер и скролить это все будет неудобно, плюс глаза будут уставать, помимо этого может надо какие-то свои спецклассы задавать каждой 10 строке, а потом еще пару строк добавите,  и порядок строк таблицы поменялся, и вручную все классы менять. В нунчакках есть возможность создать массив, как в программировании и запустить цикл с условиями и прочими плюшками, и теперь добавить пару строк можно без проблем, просто добавив в массив нужные значения.
Еще можно вставлять svg в html, при этом визуально не засорять код, в результате можно управлять svg как часть документа, и при этом в src файлах чистота и порядок.
https://mozilla.github.io/nunjucks/ Вот доки.
Приведу в пример свои юзкейсы. Если есть проект размером, например, 10 и больше страниц (один из последних у меня 50+ страниц), и в них есть шапка, подвал и меню повторяющиеся. Представьте, Вы это все копипастом делаете, а потом надо еще пункт добавить или верстка шапки поменяется... Менять вручную это ад. В нунчаках можно шапку и подвал, и меню подключить как модули, если что-то поменялось - редактируете только один файл, меняется сразу везде.
Вариант второй, надо проверить и показать верстку на надежность, переполнением контейнера, к примеру есть таблица, можно вручную скопировать вставить 30 строк, но потом документ будет иметь большой размер и скролить это все будет неудобно, плюс глаза будут уставать, помимо этого может надо какие-то свои спецклассы задавать каждой 10 строке, а потом еще пару строк добавите,  и порядок строк таблицы поменялся, и вручную все классы менять. В нунчакках есть возможность создать массив, как в программировании и запустить цикл с условиями и прочими плюшками, и теперь добавить пару строк можно без проблем, просто добавив в массив нужные значения.
Еще можно вставлять svg в html, при этом визуально не засорять код, в результате можно управлять svg как часть документа, и при этом в src файлах чистота и порядок.
https://mozilla.github.io/nunjucks/ Вот доки.