В Fruit Store - тёмная тема, shadcn/ui и новый дизайн главной Веду работу над визуальной частью и доработками проекта.
Что нового:
- Настроил тёмную и светлую тему через next-themes, с переключателем в хедере и плавным переходом цвета при смене
- Перешёл на shadcn/ui: кастомизировал Button, Input, Card, Carousel, Skeleton под свою палитру вместо самописных компонентов
- Полностью переверстал Header - логотип, поиск с картинками товаров и скелетон-состоянием загрузки, авторизация, корзина с бейджем количества
- Собрал главную страницу: hero-секция, сетка из 5 категорий (добавил iPad и AirPods) с ценой "от", и карусель "Новинки" с карточками товаров, стрелками и дотсами
- Добавил изображения категорий и товаров через Cloudflare R2, с оптимизацией через next/image
Из бэкенда и архитектуры:
- Переделал хранение изображений товаров: перешёл с одного поля image_url на отдельную таблицу product_variant_images - несколько фото на вариант, с порядком отображения
- Добавил GET /categories/:slug вместо того, чтобы тянуть на фронте весь список категорий ради одной
- Добавил вычисляемую min_price для каждой категории через агрегатный запрос
- Объединил три разрозненных конфига категорийных атрибутов (для фильтров, для карточек, для детальной страницы) в один источник правды
- Настроил Prettier для единообразного форматирования кода
Дальше по плану: довести дизайн каталога и детальной страницы товара до того же уровня, что и главная, а потом - личный кабинет и остальные пользовательские страницы.
Летим дальше
