Разработка headless – витрины на next.js для существующего магазина

Задача проекта

Разработать headless-витрину на базе Next. js и Bootstrap CSS, подключённую к нескольким магазинам Shopify (по одному на каждый город: Лос-Анджелес, Гонолулу).

Каждый магазин должен:

• иметь собственный товарный каталог;

• использовать разные цены;

• быть подключён к отдельному платёжному шлюзу (разные ИП);

• вести отдельную финансовую отчётность;

• использовать одинаковый дизайн и структуру для соответствия бренду.

Цель: сохранить один домен для всего сайта, чтобы SEO прокачивалось централизованно, но продавать в разных городах с независимой финансовой системой и ценами.

Технические требования к архитектуре

• Фронтенд:

• Фреймворк: Next. js (React)

• Стили: Tailwind CSS

• Хостинг: Vercel

• Интеграция с Shopify:

• Подключение через Storefront API

• Для каждого города — отдельный Shopify-магазин

• В зависимости от URL (например, /honolulu) сайт обращается к соответствующему магазину

Функциональность сайта

• Динамическая маршрутизация: /los-angeles, /honolulu, 

• Корзина, оформляющая заказ именно в том магазине, из которого товары

• Интеграция с Checkout каждого Shopify-магазина отдельно

• Полная адаптивность (мобильная версия обязательно)

pinkcloverla. com

Нужно для заказа:
• Знание React, Next. js, CSS

• Опыт работы с Shopify Storefront API

• Понимание много-магазинной архитектуры и разделения по регионам

Навыки деплоя на Vercel

Этапы проекта

1. Настройка архитектуры и роутинга между городами

2. Подключение магазинов Shopify и вывод товаров

3. Корзина и оформление заказов по нужному магазину

4. Подключение CMS и блога (по необходимости)

5. Тестирование и запуск