← Back to WorkWeb · 2024
Krong Thai Website
Bilingual restaurant site with a strict performance budget.
View Live ↗
The Challenge
The restaurant's existing site was English-only and slow, failing French-speaking customers in a bilingual market. Mobile performance was poor and menu discovery was friction-heavy.
What We Built
Rebuilt with Next.js 15 and middleware-based i18n routing that serves /en and /fr content without a third-party i18n library. Enforced a strict performance budget throughout: CLS <0.05, JS tasks <50ms, all touch targets ≥44×44px. Deployed to Netlify with automatic deploys on push.
Highlights
- 01Bilingual (en/fr) via Next.js 15 middleware — no library overhead
- 02Performance budget enforced: CLS <0.05, tasks <50ms
- 03Touch targets validated at ≥44px (WCAG compliant)
- 04Turbopack for fast local development
- 05Live at restaurantkrongthai.com
Built With
Next.js 15React 19Tailwind CSS 4NetlifyTurbopack