E-commerce·2026
OKIYO — eyewear store on Next.js + Payload CMS
A Japanese-style eyewear online store with an integrated Payload CMS admin that lets non-technical staff manage products, categories, prices and leads without code. A catalog with color variants and specifications, lead capture and CMS-managed content and SEO. Deployed on a shared host under Caddy with automatic TLS.
Next.jsReact 19Payload CMSPostgreSQLTailwind CSSDockerCaddy
Project goals
- Build an eyewear storefront with catalog management without a developer
- Give non-technical staff full control over content and SEO
- Implement lead capture and processing right in the admin
- Deploy the project on a shared host with automatic TLS
Tasks
- Build the app on Next.js 16 (App Router) + React 19 + Tailwind CSS v4
- Embed headless Payload CMS 3 at /admin within the same app
- Design a product model with color variants, specifications and stock
- Build the storefront: paginated catalog, category and featured sections, hero
- Create a lead form and a lead management panel with statuses
- Move branding, contacts, socials and SEO into CMS-managed settings
- Deploy via Docker Compose with Caddy (TLS) and PostgreSQL 16
Results
Measurable performance indicators
- A storefront launched with fully self-service content management
- Staff manage products, prices and leads without involving a developer
- A flexible catalog model: color variants, stock, specifications
- CMS-managed SEO fields and homepage content
- Deployed on a shared host with automatic TLS via Caddy
Key metrics
Specific performance indicators of the project
16
Next.js version
PostgreSQL 16
Database
Без кода
Content management
2
UI languages