Restaurant website
Chickpeas
SSR-powered restaurant website with dynamic menu management, online ordering integration, and interactive mapping for a Mediterranean grill in Mobile, AL.
- Role
- Design, Development
- Duration
- 6 weeks
- Live site
- chickpeas-mobile.com
Overview
Chickpeas Mediterranean Kitchen is a family-owned Lebanese and Mediterranean restaurant in Mobile, AL. This project delivers a high-performance Nuxt 3 SSR site that serves as the restaurant's digital storefront: introducing the brand story, showcasing the full menu dynamically loaded from a headless WordPress CMS with a static JSON fallback, providing contact/location information with an interactive Leaflet map, and driving online orders through DoorDash integration. The menu page uses incremental static regeneration with a 5-minute revalidation interval for fresh content without full rebuilds. Rich Schema.org structured data (Restaurant + Menu) is embedded for local SEO discoverability. The site achieves sub-second Time-to-First-Byte via SSR, with aggressive caching strategies, lazy-loaded components, and a comprehensive Vitest/Playwright test suite.