Country Morning Bakery & Cafe
Country Morning Bakery & Cafe · 2026
A family-owned Chico, CA bakery baking pies, breads, and pastries by hand since 2009 — menu, gallery, and visiting info.
- Problem
- A family-owned bakery that's been baking by hand since 2009 had its story scattered across a Facebook page and an aging website, with no single place that answered the questions customers actually have — what's on the menu, when are you open, how do I find you.
- Solution
- I built a modern, from-scratch redesign in Next.js, TypeScript, and Tailwind CSS: five focused pages with all copy, menu items, hours, and contact details consolidated into a single editable data file.
- Result
- The site is live on Vercel with automatic deploys from main; the gallery and hero currently run on a designed placeholder system, ready for real photography to be dropped in.
The brief
Country Morning Bakery & Cafe has been baking pies, breads, and pastries by hand in Chico since 2009. The information customers needed was real but scattered — a public Facebook page here, an existing website there. The rebuild had to consolidate all of it into one fast, modern site that answers the three questions every bakery visitor has: what do you make, when are you open, and where are you.
What was built
Five pages. Home runs through a hero, highlights, a menu preview, testimonials, a gallery preview, and hours with a call to action. Menu carries the full categorized menu. About tells the family story. Gallery is a photo grid, and Visit puts hours, address, map, phone, and social links in one place.
The content strategy is the practical win: copy, menu items, hours, testimonials, and contact details — sourced from the bakery's public Facebook page and existing website — all live in a single shared data file. Updating the menu or changing holiday hours is a one-file edit, not a hunt through components.
Real photography wasn't available at build time, so instead of stalling the project or faking it with stock images of someone else's pastries, I built an icon and color-block placeholder tile system. The layout is fully designed and shipping; when real photos arrive, they drop into the gallery and hero tiles without touching the structure.
Under the hood
Next.js with the App Router, TypeScript, Tailwind CSS 4, and lucide-react for iconography. The placeholder system lives in its own component module, and the swap path to real images is deliberately simple: add files to public/, replace placeholder tiles with next/image components. Robots handling is wired in at the app level, and the repo deploys on Vercel with zero additional configuration.
Where it stands
Live on Vercel, deploying automatically on every push to main. The one open item is photography — the gallery and hero run on the placeholder system until the bakery's real photos are added, and the site is structured so that swap is a small, contained change.