RestoMenu

Open-source Next.js template for restaurant food menu cards — full menu, sectioned tabs, and high-resolution PDF / PNG export.

License: MIT · Maintainer: Santhi Prakash (@santhiprakash)

Demo brand in the repo: North Plate (fictional sample café). Change it in one file: lib/brand.ts.

Quick start

git clone https://github.com/santhiprakash/restromenu.git
cd restromenu
pnpm install   # or: npm install
pnpm dev       # or: npm run dev

Open http://localhost:3000.

Features

• Full-page menu layout and sectioned (tabbed) layout
• Export current view or a single section as PDF or PNG
• Nutrition badges and item descriptions
• Amber-on-zinc visual theme suitable for print-friendly cards
• Brand / venue name centralized in lib/brand.ts

Customize for your restaurant

1. Edit lib/brand.ts — name, tagline, legal name, slug, footer note.
2. Edit components/full-menu.tsx and components/sectioned-menu.tsx — dishes, prices, images.
3. (Optional) Adjust colors in Tailwind classes / app/globals.css.

Sample dishes are placeholders for the template. Replace them before production use.

Stack

Next.js (App Router) · TypeScript · Tailwind CSS · shadcn/ui · html2canvas · jsPDF

Documentation

Doc	Purpose
CONTRIBUTING.md	How to contribute
SECURITY.md	Vulnerability reporting
CODE_OF_CONDUCT.md	Community standards
PLANNING.md	Architecture notes
PROGRESS.md	Change log

Ownership

Role	Who
Repository	santhiprakash/restromenu
Maintainer	@santhiprakash

Derived from a private client menu prototype; client branding removed. The original private repo is not part of this release.

Contributing

See CONTRIBUTING.md. By participating you agree to the Code of Conduct.