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

VIEW LIVE DEMO: https://heritage-dining.vercel.app/demo  ADMIN LOGIN: https://heritage-dining.vercel.app/admin/login

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.

Demo Credentials

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

Key Features

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.

Cutting-Edge Tech Stack We use the modern stack that developers love. No legacy code, no jQuery.

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)

Changelog Version 1.0.0 - Initial Release

Full Reservation Flow

Table Companion App

Admin Dashboard with KDS

Email Notification System

Created with ❤️ by Indra Dwi Ananda.