CASE 03Next.js 16 · Embedded Payload CMS 3 · 7-Language i18n · Turso

Wood Play — Handcrafted Games, Rental & Educational Platform

Engineered an all-in-one digital platform with Next.js 16 App Router and embedded Payload CMS 3. Unites an artisanal wooden games shop, a 21+ event game rental hub, the FAMILI educational LMS with video courses, and an interactive 4-dimension family assessment engine—fully optimized with complete Generative Engine Optimization (GEO) and technical SEO for Google AI Overviews, ChatGPT Search, and Perplexity across 7 languages (sr, en, de, ru, es, zh, ja) with Turso libSQL and a zero-downtime static fallback layer.

RolePrincipal Full-Stack Architect & Headless CMS Lead
Timeline / Year2025
Domain / FocusWood Play (Handcrafted Games & Family LMS)
Core TechnologiesNext.js 16 · React 19 · Payload CMS 3
Project Contributors & Engineering Leadership
Aleksandar KuzmanovicPrincipal Full-Stack Architect, Payload CMS Lead · Performance, Web Design & SEO/GEO Specialist
wood-play.vercel.app/sr
CASE 03
Wood Play handcrafted wooden games, rental hub and FAMILI LMS platform
01 / The Architectural Challenge

Overcoming production bottlenecks and scalability constraints.

Unifying four fundamentally different business domains (eCommerce shopping, live event game rentals, digital video course LMS, and gamified diagnostic testing) into a cohesive, high-performance platform across 7 languages without fragmented microservices or database downtime.

02 / The Engineering Solution

Engineered with disciplined primitives and modern runtimes.

Architected an embedded Payload CMS 3 runtime directly within Next.js 16 Server Components with 13 collections and 19 globals. Implemented next-intl with market-specific pathnames, an automated Cyrillic-to-Latin transliteration pipeline, comprehensive Schema.org JSON-LD (SEO/GEO), Turso libSQL with local SQLite development, and a zero-downtime static fallback architecture.

03 / Technical Architecture

Decisions made for durability, zero lock-in, and throughput.

FEATURE // 01

Complete SEO & Generative Engine Optimization (GEO) Infrastructure

Comprehensive Schema.org entity graphs (Product, AggregateRating, Course, Event, Article, Organization, BreadcrumbList) for Google Rich Snippets, paired with machine-readable /llms.txt, semantic knowledge structures, and dynamic hreflang XML sitemaps engineered for complete Generative Engine Optimization (GEO) across Google AI Overviews, ChatGPT Search, and Perplexity.

FEATURE // 02

Embedded Headless CMS (Payload 3 on Next.js 16)

13 Collections and 19 Globals embedded directly inside the Next.js process; tag-based ISR cache invalidation (revalidateTag) updates static pages instantly upon content edits without server restarts.

FEATURE // 03

7-Language i18n & Localized Path Routing

Full localization across Serbian (sr-Latn-RS), English, German, Russian, Spanish, Chinese, and Japanese with localized pathnames (/sr/iznajmljivanje, /en/rent, /de/mieten, /es/alquiler).

FEATURE // 04

Zero-Downtime Static Fallback Layer

CMS-first with resilient in-code fallback datasets (lib/*-data.ts) ensuring 0 empty states or 500 errors during database maintenance, local seeding, or network blips.

FEATURE // 05

4 Core Platform Modules (Shop, Rentals, FAMILI LMS, Family Test)

E-Commerce with guest/user checkout (IPS QR code, COD surcharge), 21+ oversized rental games with event quote funnel, video course player with downloadable worksheets (PDF/XLSX/MP3), and a 4-dimension family quiz engine.

FEATURE // 06

Dual-Script Serbian Pipeline & Transliteration

Automated Cyrillic-to-Latin transliteration via @exvorn/serbian-transliteration ensuring SEO-friendly URLs and unified indexing.

FEATURE // 07

Dual Database Strategy & Edge Performance

Local SQLite seamlessly deploying to production Turso (libSQL), Git-tracked static media in public/media/, yielding 100/100 Core Web Vitals globally.

Embedded Headless CMS Architecture

System topology & platform flows.

Payload CMS 3 embedded in-process on Next.js 16 with 7-language localized pathnames, Turso libSQL database layer, and zero-downtime static fallbacks.

[ Client Layer: React 19 Components / Cart Context / Interactive Quiz Engine ]
                               │
                               ▼
             [ next-intl Routing & Locale Resolution ]
     (7 Locales: sr-Latn-RS, en-US, de-DE, ru-RU, es-ES, zh-CN, ja-JP)
                               │
                               ▼
          [ Next.js 16 App Router (Node.js Server Runtime) ]
                               │
      ┌────────────────────────┼────────────────────────┐
      │                        │                        │
      ▼                        ▼                        ▼
[ App Routes ]       [ Custom Route APIs ]     [ Payload CMS 3 Runtime ]
(SSR, SSG & ISR)    (/api/orders, /api/auth)    (@payloadcms/next)
      │                        │                        │
      ├────────────────────────┴────────────────────────┤
      │                                                 │
      ▼                                                 ▼
[ Zero-Downtime Fallback ]                   [ Data & External Layer ]
• lib/*-data.ts Baselines                    • Turso libSQL (Production) / SQLite (Local)
• 0 Empty State Guarantee                    • Git-Tracked Media (/public/media)
                                             • Tag-Based ISR Revalidation (revalidateTag)
                                             • Resend Transactional Emails + Google OAuth
Platform Ecosystem

4 Core integrated digital modules.

ModuleKey CapabilitiesTechnical ImplementationTarget Audience
1. E-Commerce StorefrontHandcrafted games, books, promo discount validation, multi-step checkout (Standard, Express, In-Person Pickup), IPS QR code & COD, order tracking portal with masked PII.localStorage Cart + Payload Orders + ResendRetail shoppers & families
2. Event Rental Hub21+ oversized wooden games across 7 categories (Dexterity, Team, Logic, Social, Sensory, Target, Eco) with bespoke event booking inquiry funnel (/book).RentalGames Collection + Category FiltersCorporate events, festivals & weddings
3. FAMILI Educational LMSMulti-chapter video courses, downloadable worksheets (PDF, XLSX, DOCX, MP3), lecture notes, interactive quizzes, and certificates of completion.Courses Collection + Lexical RichTextParents, educators & specialists
4. Family Assessment EngineGamified 4-dimension diagnostic (Rituals, Conversation, Play, Cooperation) with dynamic weighted scoring, achievement milestones, and instant PDF export.Client-Side Scoring (quiz-game-engine.tsx)Families seeking development insights
Visual System Architecture // 012 Production Interfaces

Production interfaces & workflow engine.

Direct high-resolution captures across automated PR reviews, multi-tenant quality dashboards, BullMQ worker queues, and security hardening controls.

wood.sys // landing-storefront
01 / 012
Platform Landing & Artisanal Storefront
Scroll Capture ↓
Product Overview

Platform Landing & Artisanal Storefront

High-converting flagship landing page with multilingual hero, featured game collections, customer testimonials, and unified navigation across all 4 platform pillars.

Raw Asset↗
04 // Quantifiable Impact

Measured by results.

Successfully launched a unified 7-language platform with 100/100 Core Web Vitals, category-dominant organic search and complete Generative Engine Optimization (GEO) visibility across Google AI Overviews and conversational LLMs, 0-downtime static fallback resiliency, and automated multi-channel checkout & booking pipelines.

7 Locales
Languages
100/100
CWV Score
Complete GEO
SEO & GEO