1331 Diner
Modern Restaurant Website — Next.js + TypeScript
Overview
1331 Diner is a modern restaurant website built with Next.js. It features menu displays, online reservations, and an intuitive ordering experience — all designed to make food look irresistible and booking a table take less than 30 seconds.
Performance and user experience sit at the core of the project, with Next.js SSR for fast page loads and excellent local SEO visibility.
Case Study
The Problem
Restaurant websites often fail at two things: showing the menu in an appetising way and making table reservations simple. 1331 Diner solves both.
Design Decisions
Food-first hero — high-quality photography because appetising visuals are the most powerful CTA a restaurant can have. 3-field reservation form — every extra field is a reason to leave. Warm amber palette — feels cozy and sophisticated like a real diner.
What I Learned
Next.js file-based routing and SSR patterns
TypeScript with React components and Context
Image optimisation for performance