E-commerce·2026
OKIYO — магазин очков на Next.js + Payload CMS
Интернет-магазин очков в японском стиле с интегрированной админкой Payload CMS, позволяющей нетехническим сотрудникам управлять товарами, категориями, ценами и заявками без кода. Каталог с цветовыми вариантами и спецификациями, захват лидов и управляемые из CMS контент и SEO. Развёрнут на shared-хосте под управлением Caddy с автоматическим TLS.
Next.jsReact 19Payload CMSPostgreSQLTailwind CSSDockerCaddy
Цели проекта
- Создать витрину очков с управлением каталогом без участия разработчика
- Дать нетехническим сотрудникам полный контроль над контентом и SEO
- Реализовать захват и обработку лидов прямо в админке
- Развернуть проект на shared-хосте с автоматическим TLS
Задачи
- Собрать приложение на Next.js 16 (App Router) + React 19 + Tailwind CSS v4
- Встроить headless Payload CMS 3 на /admin в том же приложении
- Спроектировать модель товаров с цветовыми вариантами, спецификациями и остатками
- Реализовать витрину: каталог с пагинацией, секции категорий и избранного, hero
- Сделать форму заявок и панель управления лидами со статусами
- Вынести брендинг, контакты, соцсети и SEO в управляемые из CMS настройки
- Развернуть через Docker Compose с Caddy (TLS) и PostgreSQL 16
Результаты
Измеримые показатели эффективности
- Запущена витрина с полностью самостоятельным управлением контентом
- Сотрудники ведут товары, цены и заявки без обращения к разработчику
- Гибкая модель каталога: цветовые варианты, остатки, спецификации
- Управляемые из CMS SEO-поля и контент главной страницы
- Деплой на shared-хосте с автоматическим TLS через Caddy
Ключевые метрики
Конкретные показатели эффективности проекта
16
Версия Next.js
PostgreSQL 16
База данных
Без кода
Управление контентом
2
Языка интерфейса