How I Built an Open-Source Restaurant Storefront with React 19, Tailwind v4 & Direct WhatsApp Checkout

Описание и применение

FoodFlow – это быстрый, безсерверный storefront для ресторанов, который формирует заказы в WhatsApp, избавляя от комиссий и сложных бекендов.

Задача

Local restaurants lose up to 30% of revenue to delivery aggregator commissions and lack a lightweight ordering solution.

Результат

FoodFlow achieves sub‑0.8s LCP on mobile, 100/100 Lighthouse scores, and eliminates backend costs while enabling direct WhatsApp order dispatch.

Рабочий процесс

• Clone the repo
• Install dependencies
• Run the dev server
• Use the UI to build a catalog
• Add items, variants, and modifiers
• Place an order
• The app formats the order into a WhatsApp message and opens the chat
• Restaurant receives the order directly on WhatsApp

Доказательства

Zero‑backend, ultra‑fast food ordering storefront built with React 19 and Tailwind CSS v4.

Источник

Sub‑0.8s LCP on mid‑tier mobile networks.

Источник

100/100 Lighthouse scores across Performance, Accessibility, Best Practices, and SEO.

Источник