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

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

Palmora Coffee — 3D Iced Coffee Landing Page - inmydraft