Palmora Coffee — 3D Iced Coffee Landing Page preview 1

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 DraftLanding PageAvailableRp 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 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

Rp 14.000

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