All kits

Shop / brand

BeanRoute

A roaster's page that makes people taste it before they buy.

Best for: Roasters and makers who want a warm brand page that points to their shop.

Ember & Oak

Coffee with a paper trail and a good story.

Shop this week's coffees
Open live preview

Overview

BeanRoute is built for roasters who care where the beans come from and want the website to show it. The warm 'Roast' theme — kraft cream, espresso, burnt copper — reads like a good bag of coffee. The flow sells the craft: a sensory hero, the current lineup with origin and tasting notes, the journey from cherry to cup, a subscription that keeps the hopper full, and regulars vouching for it. Swap the coffees and links in the config and it's your roastery.

Who it's for

Specialty coffee roastersLocal cafés with a bean programTea & artisan beverage brandsSubscription food makers

Highlights

  • Sensory, warm hero
  • Current coffees with tasting notes
  • Cherry-to-cup process
  • Subscription plans
  • Regulars' testimonials

Pages included

  • Home
  • Shop
  • Subscription
  • Our roast

Built with

Next.js 16React 19Tailwind v4TypeScript

What you'll get

A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.

BeanRoute Launch Kit

v1.0.0 · Single-project license

Coming soon

In the box

  • Next.js source codeThe complete, typed project — yours to keep and edit.
  • Content configEvery word, link, and price in one editable file.
  • Theme configColors, fonts, and shape as simple design tokens.
  • Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
  • Theme-matched scrollbarA custom scrollbar tuned to the kit's own palette.
  • READMEHow to run, edit, and deploy the kit.
  • Customization guideWhere everything lives and how to change it.
  • Deployment guideFrom your machine to a live URL + custom domain.
  • Launch checklistA practical, step-by-step pre-flight list.
  • Troubleshooting notesFixes for the common install/build/deploy snags.
  • DESIGN.mdA system-design map of the kit — for you and your AI agent.
  • AGENTS.mdOperating rules + starter prompts so AI tools extend it safely.
  • LicensePlain-language usage terms (placeholder).
  • ChangelogWhat changed in each version.

To launch it

  • Difficulty: beginner
  • Setup time: About 35 minutes
  • Deploys to: Vercel · Netlify
  • Guides: 4 included
  • Support: Standard email support and optional setup help.
Request early access

Downloads open when checkout launches.

Customization & requirements

Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.

You'll need

Node 20+A code editorGitHub accountVercel account (free)

You can customize

Roastery name & storyCurrent coffees & notesSubscription plansShop / checkout linkTestimonials

Launch checklist

Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.

Launch checklist

18 steps

Make it yours

  • Replace the logo and favicon
  • Update your business / brand name
  • Rewrite the hero copy
  • Update services, features, and pricing
  • Set your real contact email
  • Swap placeholder images for your own

Metadata & SEO

  • Update the page title and description
  • Set your Open Graph share image
  • Point metadataBase at your real domain

Quality check

  • Test the responsive layout on mobile
  • Test every button and contact CTA
  • Run a quick Lighthouse pass

Shop details

  • List your current coffees with origins and notes
  • Point 'Shop' / 'Subscribe' at your store (Shopify, etc.)
  • Set your subscription plans and prices

Launch

  • Deploy to Vercel
  • Connect your custom domain
  • Do a final launch reviewOpen the live URL in a fresh browser

Ships with the kit as a Markdown checklist — tick it off as you go.

Don't want to set it up yourself?

Buy the kit and we'll get it live for you. Tell us what you're building and we'll handle the technical bits.

  • Customize the kit to your brand
  • Replace content, copy, and images
  • Deploy it live on Vercel
  • Connect your custom domain
  • Walk your launch checklist with you
Request setup help

No commitment — we'll reply with options and a quote.