Restaurants and POS

The pos preset is for an app in the style of Toast or Square for restaurants. Staff take an order from the menu, the kitchen prepares its lines at their stations, stock goes down as items sell, guests reserve tables, and the day's takings land on the ledger.

ConfigCopy Anchor Link

Turn on the kitchen display with the orders block's kitchen option; it is off by default, so the preset leaves it to your config:

import { defineConfig } from "better-supabase/config";

export default defineConfig({
  preset: "pos",
  blocks: { orders: { options: { kitchen: true } } },
});

npx better-supabase init --preset pos starts a new project from it, and npx better-supabase apply --preset pos adds it to one you have (CLI).

BlocksCopy Anchor Link

The preset is saas plus these blocks, and whatever they require:

How the blocks connectCopy Anchor Link

An order's lines are catalog variants. With kitchen, orders.kitchen.send routes each line to its station with a note, and the line moves through its preparation states on a kitchen display that refreshes on the kitchen event (orders). A table is a bookable resource, so a reservation can't double book it.

With ReUICopy Anchor Link

• Kanban for the kitchen display, one column per preparation state.
• A card grid of menu items for the till.
• Event Calendar for the table reservations of a service.