Skip to content
SourceViet
Next.jsBakery & FoodFeatured

Nguyệt Cẩm — Mooncake Shop Website

Twelve flavours, three gift boxes, and every order closing on Zalo

No reviews yet
The full season: twelve flavours and three box sizes, filterable

The full season: twelve flavours and three box sizes, filterable

Nguyệt Cẩm is built for a business that has roughly eleven weeks to sell a year's worth of cake. There is no cart: every product page ends in a Zalo message or a phone call, because that is how a mooncake order is actually agreed — quantity, pickup date, message on the card. Fifteen product pages carry the weight, each one identified by its own engraved mould pattern drawn in SVG rather than a photograph, so the whole site ships without a single bitmap.

What makes it different

  • 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.
  • Fast on real connections — Images are sized and lazy-loaded, fonts are self-hosted and the JavaScript payload stays small, so Core Web Vitals pass on mid-range phones.
  • 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

Family bakeries and mooncake makers who take orders on Zalo and Facebook, and lose the corporate gifting enquiries because there is nowhere to send a company that wants sixty boxes with its logo on them.

Built with

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4

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.

You might also like

More products in the same category.