Xan Coffee
The official store and content platform for Xan Coffee, a specialty roaster. Customers browse single-origin and blended beans by roast profile and bean type, read a brewing journal, and check out — while staff manage products, articles, categories, and FAQs through a custom admin with no code.
// Architecture
A Next.js 14 App Router site (React server components, Tailwind CSS) backed by SQLite for fast, self-contained data. A bespoke admin panel handles full CRUD over a kind-first product hierarchy, journal posts, categories, and FAQs. The Persian, right-to-left front end runs as a systemd service behind nginx.
// Key capabilities
Filterable bean catalog
Shoppers narrow by bean type (Arabica, Robusta, blend) and roast level (light, medium), with sorting — finding their blend in seconds.
Self-serve admin panel
A custom CMS gives the roaster full control over products, a brewing journal, categories, and FAQs — publish and edit without touching code.
Coffee finder
A guided tool that recommends a blend from the customer's taste preferences, turning browsing into a tailored pick.
Persian-first, RTL UX
A fully right-to-left Persian interface with light and dark themes and a cart and checkout flow built for the storefront.
// Technology stack
- Next.js
- TypeScript
- SQLite
- Tailwind CSS
- Zibal
// Inside the project
// Next step
Need something like Xan Coffee?
Tell us what you're building. We'll reply with how we'd approach it, a rough timeline and the first step.
Start a similar project