Skip to content
Food & DrinkOnline storeNext.js (React)

CELLAR — Craft Beer & Spirits

Small batch, big character.

A craft beer & spirits bottle-shop shopped by style, ABV, format, region and price rather than a generic list. A moody amber-and-copper palette, a full-bleed photographic hero, a cellar-shelf scroll story, and honest unbranded photography throughout.

Next.js 15TypeScriptTailwind v4Framer MotionGSAP ScrollTriggerLenisZustand

Role · Design + front-end build (client-side cart, demo checkout) · Updated Jul 2026

Loads the real, interactive build
Price · one-time licence
$2,600
Want it customised? Commission a build
  • 20 typed products across IPA / stout / lager / sour / whisky / gin with format variants
  • 8 pages: home (cellar-shelf story), filterable shop, product, cart, checkout, order, about, 404
  • 5-facet data-driven filter engine (style, ABV, format, region, price), URL-shareable
  • Individually-audited self-hosted photos (WebP, credited in ATTRIBUTIONS.md)
Delivery
24–48h
Licence
One-time licence · full source
Support
14 days setup support
Updates
Free updates included

Backend · Headless commerce (Shopify / Medusa)
Swap the static catalogue + client cart for a headless commerce API — bottles, stock and orders move to the commerce admin; the faceted filter UI stays.

Delivered as full Next.js source. Swap the catalogue + facets for your ranges, retheme the palette, and point the cart at a headless commerce API — products and filters are typed data.

Live preview — the real build, running in your browser
yantracore.com/previews/cellar/
CELLARLoads the real, interactive build

What makes it special

01

Filters crate-diggers of beer use

Five tailored facets — style, ABV, format, region, price — not a generic list. Filter to 8–12% Belgian bottles instantly, URL-synced and shareable.

02

A cellar-shelf scroll story

The signature moment racks bottles onto a lit cellar shelf as you scroll, morphing the palette. Fully reduced-motion safe.

03

Moody, characterful, premium

An amber / charcoal / copper palette with a photographic hero and a strong display face — it reads like a serious bottle shop. Includes a responsible-drinking footer.

04

Honest, unbranded photography

Every image was individually inspected — recognizable real brands were caught and replaced. Self-hosted WebP, zero external runtime requests, ~0 CLS.

05

The full loop, honestly

Shop → product → cart → checkout → order confirmation, clearly labelled as a demo. WCAG 2.2 AA throughout.

What’s included

  • 20 typed products across IPA / stout / lager / sour / whisky / gin with format variants
  • 8 pages: home (cellar-shelf story), filterable shop, product, cart, checkout, order, about, 404
  • 5-facet data-driven filter engine (style, ABV, format, region, price), URL-shareable
  • Individually-audited self-hosted photos (WebP, credited in ATTRIBUTIONS.md)
  • Client-side cart (Zustand + localStorage) + honestly-labelled front-end-only checkout demo
  • Dark hero, reduced-motion throughout, SEO / JSON-LD / sitemap / robots / manifest

More Food & Drink templates

Explore more collections

Frequently asked

What do I get when I buy CELLAR?
A one-time licence with the full, editable source code, including 20 typed products across ipa / stout / lager / sour / whisky / gin with format variants, 8 pages: home (cellar-shelf story), filterable shop, product, cart, checkout, order, about, 404, 5-facet data-driven filter engine (style, abv, format, region, price), url-shareable. 14 days setup support and free updates included.
What is CELLAR built with?
It's a Next.js online store, built with Next.js 15, TypeScript, Tailwind v4, Framer Motion, GSAP ScrollTrigger. You receive the complete source to host and extend anywhere.
Can YantraCore customise CELLAR for my brand?
Yes — buy it as-is for $2,600, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
How fast is delivery?
Delivery is 24–48h after purchase.

Make CELLAR yours.

Buy it as-is, or have YantraCore tailor it to your brand and content.