E-commerce·2026
OKIYO — Next.js + Payload CMS негізіндегі көзілдірік дүкені
Техникалық емес қызметкерлерге тауарларды, санаттарды, бағаларды және өтінімдерді кодсыз басқаруға мүмкіндік беретін кірістірілген Payload CMS әкімшісі бар жапон стиліндегі көзілдірік интернет-дүкені. Түс нұсқалары мен сипаттамалары бар каталог, лидтерді жинау және CMS-тен басқарылатын контент пен SEO. Caddy басқаруымен shared-хостта автоматты TLS-пен орналастырылған.
Next.jsReact 19Payload CMSPostgreSQLTailwind CSSDockerCaddy
Кейстің мақсаттары
- Әзірлеушісіз каталогты басқаратын көзілдірік витринасын жасау
- Техникалық емес қызметкерлерге контент пен SEO-ны толық бақылауға беру
- Лидтерді жинау мен өңдеуді әкімшінің ішінде жүзеге асыру
- Жобаны автоматты TLS-пен shared-хостта орналастыру
Міндеттер
- Қосымшаны Next.js 16 (App Router) + React 19 + Tailwind CSS v4-те құрастыру
- Сол қосымшаның ішінде /admin-ге headless Payload CMS 3 кірістіру
- Түс нұсқалары, сипаттамалары мен қалдықтары бар тауар моделін жобалау
- Витрина жасау: пагинациясы бар каталог, санаттар мен таңдаулылар бөлімдері, hero
- Өтінім формасын және мәртебелері бар лидтерді басқару панелін жасау
- Брендинг, контактілер, әлеуметтік желілер мен SEO-ны CMS-тен басқарылатын баптауларға шығару
- Docker Compose арқылы Caddy (TLS) және PostgreSQL 16-мен орналастыру
Нәтижелер
Өлшенетін тиімділік көрсеткіштері
- Контентті толық өзі басқаратын витрина іске қосылды
- Қызметкерлер тауарларды, бағаларды және өтінімдерді әзірлеушісіз жүргізеді
- Икемді каталог моделі: түс нұсқалары, қалдықтар, сипаттамалар
- CMS-тен басқарылатын SEO-өрістер және басты бет контенті
- Caddy арқылы автоматты TLS-пен shared-хостта деплой
Негізгі метрикалар
Кейстің нақты тиімділік көрсеткіштері
16
Next.js нұсқасы
PostgreSQL 16
Дерекқор
Без кода
Контентті басқару
2
Интерфейс тілі