The menu
An item and its choices
The order list
- Accessibility
- 100
- Best practices
- 100
- SEO
- 100
- Page weight
- 3303 KB
- Built with
- Next.js 16, React 19, Tailwind CSS 4, Motion, Vercel Blob
Measured with Lighthouse on a phone profile, on November 11, 2026.
The brief
A menu guests open by scanning a code at the table, with a photo, a price and the details of each item, and a panel so the café can change any of it without calling us.
What we built
- A guest menu made for the phone. Categories sit in a floating bar, and items show their photo and their price in JD.
- An item view with the choices built in: hot or cold, the frappé flavor, the single-origin crop, how long the cold brew was aged. A choice that has its own price changes the price as it is picked.
- An order list. The guest adds items, then shows the screen to the waiter. There is no checkout and no payment.
- An admin panel. The café adds, removes, hides and reorders items and categories, and edits names, descriptions, prices, photos, the logo and the opening hours.
- QR codes as print-ready files in four styles, from a plain code to a table card.
- The café's own address. The menu lives at menu.formenteracafe.com, on a domain and a hosting account that belong to the café.
The design
One dark surface and one accent: the gold from the café's own logo. Behind the menu a slow video loop keeps the page from sitting still. The loop was generated for the café, and a still picture takes its place on phones that refuse to autoplay video.
When a guest adds an item, a small gold light flies to the order button. It takes well under a second and tells the guest the tap was heard.
The menu is in English only. The café chose that to keep the page light.
The build
- Next.js 16, React 19, Tailwind CSS 4 and Motion, hosted on Vercel.
- The menu and its photos are stored in Vercel Blob. Every save is written as a new version and the last 30 are kept, so a wrong edit can be rolled back.
- Photos are shrunk in the browser before they upload, so the café can add them straight from a phone gallery. A PDF works too: its first page becomes the picture.
- The admin sign-in uses a signed session and locks after repeated wrong passwords.
- Built on November 7, 2026, and live on the café's own domain the next day.
Open it
The menu is live. Open it on a phone to see it the way a guest at the table does.
Want one for your café? The QR menu page lists what is included and what it costs, and QR menu or PDF menu helps you decide whether you need one.