Heritage Dining - Restaurant Reservation & Guest Experience Platform (Next.js 16)

Heritage Dining – The Ultimate Guest Experience Platform Built with Next.js 16, React 19, & Prisma ORM

Heritage Dining is not just a restaurant website; it is a complete Guest Experience Operating System (OS). Designed for fine dining, steakhouses, and premium venues, it bridges the gap between digital convenience and human hospitality.

Built on the bleeding-edge Next.js 16 (App Router), this platform introduces a revolutionary “Table Companion” feature—a browser-based app that guests access via QR code to view story-driven menus, pairing recommendations, and request service without waving at staff.

Admin Dashboard (Manage Everything): Username: admin Password: 12345678

Guest Companion App (Simulation): Click here to simulate scanning a QR Code at Table 1: https://heritage-dining.vercel.app/table/DEMO-123

1. The Table Companion App (Guest Facing)

Zero Install Required: Guests simply scan a QR code.

Personalized Welcome: Greets guests by name (“Sugeng Rawuh, Sultan”).

Story-Driven Menu: Organize courses into “Chapters” (e.g., Chapter I: Origins).

Digital Service Bell: Guests can request “Bill”, “Water Refill”, or “Cutlery” directly from their phone.

Smart Security: QR codes are only active for guests with a “SEATED” status for that specific day.

2. Advanced Reservation System

Real-time Availability: Blocks double bookings automatically.

Deposit System: Integrated mock payment flow (expandable to Stripe/Midtrans).

Email Notifications: Beautiful HTML emails powered by Resend & React Email.

Guest History: Tracks allergies, special dates, and visit frequency.

3. Operational Excellence (Admin Side)

Live Dashboard: See “Incoming Requests” from tables in real-time with sound alerts.

Kitchen Display System (KDS): Chefs can see active courses for each table.

Finance Overview: Track revenue, pending deposits, and settlement status.

Table Management: Drag-and-drop or status-based table assignment.

Framework: Next.js 16 (App Router & Server Actions)

Language: TypeScript (Strict Mode)

Styling: Tailwind CSS v4

Database: PostgreSQL (via Prisma ORM)

Authentication: Custom Secure Session Management

Emails: Resend + React Email

Icons: Lucide React

⚙️ Server Requirements

Node.js 18.x or higher (Node 20 Recommended)

PostgreSQL Database (Neon, Supabase, or Local)

Resend API Key (Free tier available for emails)

Full Reservation Flow

Table Companion App

Admin Dashboard with KDS

Email Notification System

Created with ❤️ by Indra Dwi Ananda.