Интернет‑витрина “Electronics Store” — современный магазин электроники
Интернет‑витрина “Electronics Store” — современный магазин электроники с локализацией для Кыргызстана (KGS, русский интерфейс) и упором на мобильный опыт и WhatsApp‑заказы.
Что внутри
- Каталог по категориям: MacBook, iPhone, iPad, Apple Watch, AirPods, Samsung, Наушники, Мониторы, Игровая техника.
- Подборки: новинки, популярные, тренды, избранные товары.
- Страница товара: галерея изображений, подробные характеристики (JSON‑спеки), описание, рейтинг и отзывы.
- Поиск и фильтры: мгновенный поиск по названию, категории, описанию и слогану; плавная навигация по категориям.
- Корзина и вишлист: добавление/удаление, изменение количества, сохранение в localStorage; блок «Недавно просмотренные».
- Чекаут: многошаговая форма (контакты → способ оплаты → подтверждение в WhatsApp). Локальные способы оплаты: O!Денги, Elsom, банковские карты.
- Интеграции: отправка заказов в WhatsApp с трекингом лида; Google Maps с показом местоположения магазина и маршрутом.
Админ‑панель
- Управление товарами: создание/редактирование/удаление, загрузка изображений (Supabase Storage), отметки «Избранное», «Новинка», кастомные бейджи.
- Лиды: автоматическое создание, статусы (new → contacted → qualified → closed/lost), приоритезация по сумме (KGS: >50K — высокий, >20K — средний, <20K — низкий).
- Статистика: количество товаров, метрики лидов.
- Аутентификация: вход администратора через Supabase Auth, защита админ‑маршрутов.
-Кастомные логин/пароль под админ панель.
Техническая основа
- Next.js 16 (App Router) + React 19 + TypeScript 5.
- TailwindCSS 4 для адаптивного дизайна в стиле Apple.
- Supabase: PostgreSQL (RLS), Auth, Storage. Публичное чтение товаров, вставка лидов с валидацией.
- Производительность: оптимизация изображений, ленивые загрузки, офлайн‑фолбэк на локальные данные.
- Развёртывание: готово к Vercel; переменные окружения для Supabase.
- Структура роутов: главная, каталог/карточка товара (/product/[id]), корзина, избранное, чекаут, быстрый контакт, а также админ‑маршруты (dashboard, leads).
Особенности для рынка КР
- Валюта: сом (KGS) с локальным форматированием цен (например: 149 900 сом).
- WhatsApp‑first подход для подтверждения заказа.
- Локальные платёжные методы и карта с адресом в Бишкеке.
Пользовательский путь
- Главная с героем, каруселью категорий, «Избранным» и «Трендами».
- Детальная страница товара со спецификациями и галереей.
- Управление корзиной, рекомендации, далее — чекаут и подтверждение в WhatsApp.
Ценность для бизнеса
- Полноценный трекинг лидов и готовность к аналитике.
- Простое управление контентом и масштабируемая архитектура.
- SEO‑оптимизированная витрина, мобильный приоритет и высокая скорость работы.
Если интересно пощупать самому - https://electronics-store-beta.netlify.app/