核心功能
從掃碼到出單，拆成可維運的模組與權限邊界。
匿名掃碼點餐
免註冊，掃描桌號 QR 即可瀏覽菜單並送出訂單。
即時接單
Realtime 監聽新訂單，後台列表即時刷新狀態。
菜單雲端管理
PostgreSQL 儲存品項，RLS 區分公開讀取與店家維護。
桌號與安全
每桌 qr_token；可搭配 HMAC 降低網址被亂試的機率。
使用方式
上線後顧客只會拿到店家印製的 QR；開發時可改用示範連結與種子資料。
- 01
掃描 QR
開啟掃碼頁，確認餐廳名稱與桌號正確。
- 02
選擇餐點
瀏覽菜單後由前端呼叫 API 建立訂單與明細。
- 03
店家接單
後台即時收到新單，更新狀態並備餐。
技術堆疊
Next.js App Router、Tailwind、Supabase（PostgreSQL + Realtime）。詳見 README。
Next.js App RouterTailwind CSS v4Supabase · PostgreSQLSupabase RealtimeTypeScript
路由範例：/scan/<token>·/api/order·/api/qrcode