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
Demo

Description

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.

What Already Works

  • 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

What's Included

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

How to Run

  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.

Continuation Notes

  • 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.

Known Limitations

  • 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 Affiliate Website
Website DraftLanding PageAvailable

Affiliate Website

Affiliate catalog draft for curated products, multi-link comparison, disclosure-ready content, and admin-managed landing pages.

Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4 (Material Design 3 tokens)flat-file JSON storage+1

Rp 14.000

Preview of GoodWearpack Supplier Website
Website DraftLanding PageAvailable

GoodWearpack Supplier Website

Global B2B supplier website draft for industrial wearpack, safety workwear, and RFQ-first procurement flows.

Next.js 16 (App Router)React 19TypeScriptnext-intl (7 locales, RTL)Tailwind CSS 4+1

Rp 14.000

Preview of Travel Umroh Website
Website DraftLanding PageAvailable

Travel Umroh Website

Travel landing draft for Umroh packages, inquiry flow, itinerary content, and trust sections.

Vite 6React 19Express 4TypeScriptTailwind CSS 4+3

Rp 14.000