TAPROOT — Craft Brewery & Taproom
Brewed with roots down deep.
A bold, characterful site for an independent craft brewery — the beer lineup with tasting notes and stats, a taproom hub (live tap board, food menu, events), an online shop (multipacks, merch, gift cards) with a client-side cart and honest demo checkout, the brewery story and a visit page. Built in Next.js 15, fully static and self-contained.
Role · Design + front-end build (Next.js, Zustand cart, demo checkout) · Updated Jun 2026
- 8 page types: home, beers + 10 detail pages, shop, cart, taproom, about, visit, 404
- A typed data layer: beers, shop products, the tap list, the food menu and events
- A Zustand + localStorage cart with a focus-trapped drawer and a demo checkout
- Procedural can/label SVG art varied by beer style — zero external images
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify / Stripe
Front-end commerce with a typed product layer and a clean Zustand cart seam — connect Shopify (headless) or Stripe Checkout; the beer-club and event forms wire to your provider.
Delivered as full Next.js source. Swap the beer lineup and shop in the data layer, recolour with the accent tokens, and connect the cart to Shopify or Stripe to go live.
What makes it special
Ten beers, fully realised
A lineup across styles with tasting notes, ABV/IBU/malt/hops, food pairings and procedural can/label art — filterable by style and ABV, each with its own page and add-to-cart.
A real online shop
Beer multipacks, mixed cases, glassware, apparel and gift cards with a category filter and a Zustand + localStorage cart, a focus-trapped drawer and a full cart page with an honest demo checkout.
A living taproom hub
A live tap board, the kitchen food menu and an events calendar (trivia, live music, releases) — the taproom side of a real brewery, not just a shop.
Bold, characterful craft branding
A charcoal-brown canvas with a copper→burnt-orange accent, a Playfair display, halftone/grain texture and a pour/fill stat animation — every effect reduced-motion-gated.
Honest, self-contained commerce
Procedural can art (no external images, ~0 CLS), a hydration-safe cart badge, age/shipping notes framed honestly, and Product JSON-LD throughout — a static export that runs anywhere.
What’s included
- 8 page types: home, beers + 10 detail pages, shop, cart, taproom, about, visit, 404
- A typed data layer: beers, shop products, the tap list, the food menu and events
- A Zustand + localStorage cart with a focus-trapped drawer and a demo checkout
- Procedural can/label SVG art varied by beer style — zero external images
- Self-hosted fonts, Product/Brewery JSON-LD, sitemap, robots and a branded 404
Gallery
More Food & Drink templates
Make TAPROOT yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.