poshalim

Да - pug, ещё есть nunjucks по-моему лучше чем pug - не такой капризный и просто скриптовая обёртка для html а не свой язык. Есть handlebars но он тупенький, нет смысла когда есть nunjucks. Для всех трёх есть плагины для gulp'а. Ну на крайняк всякие gulp-include)
Если совсем по умному то читай про static site generatorы, в основном на реакте работают

1. Делаете маршрутизацию.
2. Для каждого элемента (товара) на странице catalog, формируете ссылку /product/{code}, где code - артикул или другой уникальный идентификатор товара.
3. При нажатии на товар происходит переход на /product/{code}, где по code получаете данные для нужного товара и делаете рендеринг шаблона product.html.