CROFT — Farm-to-Table & CSA Shop
Grown close. Picked ripe. Yours weekly.
A warm, earthy storefront for a working family farm — a CSA box subscription, a farm shop of produce, eggs, preserves and flowers, the farm story, seasonal recipes and visit info. Built in Nuxt 4 (Vue 3) with a typed product catalogue, a Pinia cart with a slide-in drawer and an honest demo checkout. Static-exported and fully self-contained.
Role · Design + front-end build (Nuxt 4, Pinia cart, demo checkout) · Updated Jun 2026
- 9 page types: home, CSA, shop, product detail (×20), cart, recipes + recipe detail (×6), about, visit, 404
- A typed product catalogue across 6 categories with growing notes and related products
- A Pinia cart store (localStorage-persisted) with a focus-trapped drawer and full cart page
- Six seasonal recipes with full ingredient lists, method and shoppable product links
- 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 cart seam — connect Shopify (headless) or Stripe Checkout; the CSA and newsletter forms wire to your provider.
Delivered as full Nuxt 4 source. Recolour with two accent tokens, add real products to the data layer, and wire the cart to Shopify or Stripe and the forms to your ESP.
What makes it special
A full CSA configurator
Box sizes, weekly add-ons, pickup-vs-delivery and a seasonal calendar drive a clearly-labelled demo start-your-share flow — the subscription core of a real farm business.
A 20-product farm shop
Six categories with client-side category + in-season filters and sort, per-product detail pages with growing notes and related items, and add-to-cart with quantities.
Pinia cart + slide-in drawer
An SSR-safe, localStorage-persisted cart with a focus-trapped drawer (Esc to close, aria-live badge) and a full cart page with quantity steppers and an honest demo checkout.
Seasonal recipes that sell produce
Six real seasonal recipes with ingredient lists, numbered steps and cook's notes — each one links back to the shoppable farm products it uses.
Drawn in the brand palette
Procedural SVG produce illustrations — carrots, eggs, honey jars, flowers — coherent across the catalogue with no external images, ~0 CLS, on a sun-warmed cream/green/amber system.
What’s included
- 9 page types: home, CSA, shop, product detail (×20), cart, recipes + recipe detail (×6), about, visit, 404
- A typed product catalogue across 6 categories with growing notes and related products
- A Pinia cart store (localStorage-persisted) with a focus-trapped drawer and full cart page
- Six seasonal recipes with full ingredient lists, method and shoppable product links
- Self-hosted Fraunces + Inter via @nuxt/fonts and procedural SVG produce art — zero external requests
Gallery
More Agriculture templates
Make CROFT yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.