Back to portfolio
Xan Coffee

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 ships in Docker behind nginx.

// Key capabilities

Filterable bean catalog

Shoppers narrow by bean type (Arabica, Robusta, blend) and roast level (light, medium, dark), 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 an atmospheric dark theme and a cart and checkout flow built for the storefront.

// Technology stack
Next.jsTypeScriptSQLiteTailwind CSSDocker
// Contact

Have a project in mind?|

Tell us what you're building, and we'll get back to you.

orv:~$new-project
or reach us directly
Telegram@OrvTeam
GitHub@ItsOrv
Email
orv© 2026