Matcha Mini World — 3D Matcha Bar Landing Page
Bilingual landing page for a matcha bar, featuring a fully procedural Three.js 3D scene with five scroll-driven camera chapters.
Description
A bilingual (EN/ID) Next.js 16 landing page for a matcha bar. The 3D scene is fully procedural Three.js/React Three Fiber — no imported .glb/.gltf model files — with five scroll-driven camera chapters. Includes a small self-hosted backend for visit requests: Zod validation, an HMAC-signed admin session, in-memory rate limiting, and JSONL-file storage, plus Docker + Traefik deployment config.
Ce qui fonctionne déjà
Ce qui est inclus
- Full source code
- README and setup guide
- InMyDraft Commercial License
- AI-ready docs (PRD, technical spec, architecture, Three.js motion spec)
Comment l'exécuter
- Unzip the source and run npm ci (or npm install).
- Copy .env.example to .env.
- Run npm run dev and open http://localhost:3000.
- See FIX_INSTALL_WINDOWS.md if npm ci fails on Windows.
Limites connues
- JSONL file persistence, not a production database
- Rate limiter is in-memory and resets on restart — explicitly disclosed as fine for single-instance demo use
- Admin default credentials must be changed before any public deployment
- Production build not independently verified outside the local dev environment — spot-check npm run build before listing live
Brouillons similaires
Affiliate Website
Affiliate catalog draft for curated products, multi-link comparison, disclosure-ready content, and admin-managed landing pages.
Bricket Export Website
Multi-language coconut charcoal export website draft for B2B quote requests, product specs, OEM/private-label positioning, and trust-heavy buyer flows.
Palmora CPO — Palm Oil Supply Chain 3D Landing Page
Bilingual cinematic landing page for a palm-oil supply-chain brand, built on a fully procedural Three.js 3D scene with scroll-linked camera choreography.