VegasChickiChicki

Повторяя за кем-то написание кода, верстать не научишься.

Но когда начинаю сам верстать макет который еще не верстали на ютубе, то начинаются какие то сложности.

А вот тут как раз и начинается "учение".
Решайте эти проблемы самостоятельно. Гуглите, задавайте вопросы.

Чтобы сразу отсеивать слабых соискателей, не знающих даже элементарных основ.

Порядок изучения:
REST(Чтобы понимать откуда\зачем взялся GraphQL) -> GraphQL -> Apollo -> Vue-Apollo

Apollo - библиотека\клиент для работы с GraphQL.
Vue-Apollo - соответственно, адаптация Apollo для Vue.
Зачем - для удобства.

https://habr.com/ru/company/rambler_group/blog/418417/

или только цыгане?

даже цыгане не стали бы так делать.

подводные?

Хз, нужно двигать окном браузера и смотреть лично. Что бы не было разломов верстки и дефектов в отображении блоков\элементов

Например так

fetch(YOUR_URL, {
    method: 'POST',
    headers: {
        'Client-Id': YOUR_CLIENT_ID,
        'Api-Key': YOUR_API_KEY,
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        offer_id: YOUR_OFFER_ID,
        product_id: YOUR_PRODUCT_ID,
        sku: YOUR_SKU
    })
}).then(response => response.json()).then(data => {
    console.log(data);
});

Включить сохранение логов в дев-тулз.

Есть у меня 1 проект, написан на nuxt. У нас для каждого города свой поддомен по типу msk.mysite.ru и т.п.
Отличия лишь 2, это цены и страница с контактами. Для НН она одна, для остальных доменов другая. Домены реализованы через nginx. Но, т.к. у нас по итогу, на серваке фронт и бек лежат вместе, то поддомен у обоих одинаковый. А значит запрос автоматом запросит нужные данные.

Если у вас именно разные сборки для разных доменов. То делаете множество билдов для разных доменов. А nginx будет брать нужную и отображать.

Делать разные сайты очень глупо. В случае, если домен у api один, а фронт живёт сам по себе на другом, достаточно просто посылать заголовок с городом бекенду, который сам должен рулить нужными данными.

Есть в практике другие сайты, мультиязычные. Использовали i18n для превода интерфейса. Перевод хранится в json файлах, для нужной локали загружается нужный json. Так же, бекенду передаётся в заголовке с запросом текущая локаль, для того, что бы бекенд отдавал контент с нужным переводом.

Всё просто.