Нашёл отличное решение, называется nunjucks, оно позволяет собрать много страниц с использованием кусочков кода, в каждый из кусочков можно передавать данные, можно создавать переменные и циклы и всё это потом генерирует отдельные html страницы.

У кого встала такая-же задача, как у меня, можете посмотреть эту статью, думаю она вам очень поможет, единственное там чуть чуть gulpfile подправить надо, вместо синтаксиса gulp 3 исправить на gulp 4:
https://ikfi.ru/article/nunjucks--html-na-diete

Вот переделал в более удобный вид вариант слайдера Ивана Винокурова, который тут написал мне ответ. Всё проверил, работают независимо.

$('.test-card').each(function(){
    /* Основной слайдер */
    $(this).find('.test-main-slider__list').slick({
      infinite: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      autoplay: true,
      autoplaySpeed: 3000,
      asNavFor: $(this).find('.test-second-slider__list'),
      dots: true
    });

    /* Связанный слайдер */
    $(this).find('.test-second-slider__list').slick({
      infinite: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      arrows: false,
      asNavFor: $(this).find('.test-main-slider__list'),
      dots: true
    });
  });