Hoa Mộc — Bakery Website

Hoa Mộc is a bakery site organised the way a cake is actually chosen: browse by occasion, look closely at one cake, check what it costs and when it can be ready, then order. A rotatable 3D cake carries the homepage, and each of the fifteen products has its own page with ingredients, sizes and lead time.

What makes it different

• 3D product viewer — A draggable Three.js model on the hero lets visitors inspect the product from any angle, with a static image fallback on weak devices.
• Catalogue and detail pages — A filterable listing plus a detail page per item, both statically generated so every product has its own indexable URL.
• Contact and booking forms — Validated forms with clear error states, ready to point at Formspree, Google Forms, a webhook or your own endpoint.
• Content lives in data files — Products, services, prices and copy sit in typed data files, so changing the catalogue means editing one file — not hunting through components.
• SEO already implemented — Per-page metadata, canonical URLs, an XML sitemap, robots rules, JSON-LD structured data and Open Graph images are wired up before you write a line.
• Static export, host it anywhere — The build produces plain HTML, CSS and JavaScript. Put it on shared hosting, a VPS, Vercel, Netlify or an S3 bucket — no Node process to keep alive and nothing to pay monthly.

Who it's for

Bakeries, cake studios, cafés and dessert shops that take orders by phone and Facebook today, and want the menu and the prices to do the explaining first.

Built with

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Three.js · React Three Fiber · Motion

In the download

• Full Next.js source code (TypeScript)
• Static export that hosts on any web server
• Tailwind CSS design tokens
• All demo content and images
• Written setup and deployment documentation

Updates and support

Framework upgrades and bug fixes are free for as long as this product exists. Every purchase includes 6 months of support, which can be extended at any time.