inmydraft
Palmora Coffee — 3D Iced Coffee Landing Page

Palmora Coffee — 3D Iced Coffee Landing Page

Bilingual landing page for a palm-sugar iced coffee brand, centered on a real-time procedurally generated Three.js coffee glass.

Website DraftAvailableLanding PageRp 14.000BeginnerUpdated 2026-07-14Next.js 16, React 19, TypeScript, React Three Fiber / Three.js, Zod, JSON-file store
عرض تجريبي

الوصف

A bilingual (EN/ID) Next.js 16 landing page for a palm-sugar iced coffee brand, centered on a real-time procedurally generated Three.js coffee glass — liquid, ice, marbling, and condensation, all code-generated with no imported 3D model or video file. Includes a working order-inquiry backend (Zod validation, an HMAC-signed admin session, in-memory rate limiting, JSONL-file storage) and an admin dashboard for reviewing order inquiries, plus Docker + Traefik deployment config.

ما يعمل بالفعل

  • Real-time procedurally generated Three.js coffee glass — liquid, ice, marbling, and condensation, no imported 3D model or video file
  • Zod-validated order-inquiry form with an HMAC-signed admin session
  • Admin dashboard for reviewing order inquiries
  • In-memory rate limiting on form submissions
  • Bilingual (EN/ID) content
  • Docker + Traefik deployment config included

ما هو مُدرج

  • Full source code
  • README and setup guide
  • InMyDraft Commercial License
  • AI-ready docs (PRD, technical spec, architecture, Three.js motion spec)

طريقة التشغيل

  1. Unzip the source and run npm ci (or npm install).
  2. Copy .env.example to .env.
  3. Run npm run dev and open http://localhost:3000.
  4. See FIX_INSTALL_WINDOWS.md if npm ci fails on Windows.

ملاحظات المتابعة

  • This is the '_FIXED' build: it ships 4 concrete fixes over the prior version — async form-reset handling, standalone static-asset copy, accessible headings, and a vulnerable transitive PostCSS dependency.

القيود المعروفة

  • JSONL file persistence, not a production database
  • Rate limiter is in-memory and resets on restart
  • Admin default credentials must be changed before any public deployment
  • Docker build is self-disclosed as untested against a real Docker daemon
  • No LICENSE file included in the source — add one before redistributing if required
Preview of Bricket Export Website
Website DraftLanding PageAvailable

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.

Next.js 14React 18TypeScriptSanity CMS (client)next-intl (7 locales, RTL)+4
Palmora Coffee — 3D Iced Coffee Landing Page - inmydraft