Discover how we built a multilingual Next.js website for Duomo Pizzeria with real-time menu integration, smart opening hours, and seamless user experience.
Duomo Pizzeria is an authentic Italian pizzeria located in France, offering traditional Italian cuisine with a focus on high-quality pizzas. The restaurant prides itself on using fresh ingredients and authentic recipes to provide a genuine Italian dining experience to its customers. k
The client needed a modern, responsive website that would:
Showcase their restaurant and menu to potential customers
Allow customers to make table reservations
Display up-to-date information about opening hours
Be accessible in multiple languages (French, English, Italian, and Spanish)
Connect seamlessly with their existing mobile menu system
Present their brand in an appealing and professional manner
As Natasun Company, we developed a comprehensive web solution using Next.js, a powerful React framework, to create a fast, SEO-friendly, and feature-rich website that met all the client's requirements.
Next.js was the perfect choice for this project for several reasons:
Performance: Next.js provides server-side rendering and static site generation capabilities, resulting in faster page loads and better user experience.
SEO Optimization: The server-side rendering helps search engines better index the content, improving the restaurant's online visibility.
Routing System: Next.js's built-in routing system made it easy to implement the multilingual feature with clean URLs (like /fr, /en, /it, /es).
API Routes: Next.js allows us to create API endpoints within the same project, which we used for features like working hours management.
Developer Experience: The framework's excellent developer experience helped us build the site efficiently and maintain it easily.
One of the standout features of the website is its comprehensive multilingual support:
We implemented a routing system that allows users to access the website in their preferred language (/fr, /en, /it, /es)
The UI automatically adapts to the selected language, displaying all content in the appropriate language
We used next-intl for internationalization, storing translations in JSON files for easy maintenance
The default language is French, but users can easily switch between languages
A key requirement was connecting the website to the client's existing mobile menu system:
We created a seamless integration with their mobile menu API (hosted at mobilemenu.duomopizzeria.fr)
The website fetches real-time menu data from the mobile menu API
This ensures that menu items, prices, and availability are always up-to-date across both platforms
The integration eliminates the need for duplicate content management
We developed a sophisticated system to manage and display the restaurant's opening hours:
The opening hours are stored in a MySQL database using Prisma ORM
The system supports complex schedules, including different hours for lunch and dinner services
An API endpoint allows the client to easily update their opening hours
The website displays whether the restaurant is currently open or closed in real-time
Customers can see the full weekly schedule to plan their visit
We used Prisma, a modern database toolkit, to handle all database operations:
Prisma provides a type-safe database client that makes it easy to query the database
The schema is clearly defined, making it easy to understand the data structure
Database migrations are handled automatically, simplifying updates
The ORM abstracts away the complexity of SQL queries, making the code more maintainable
It connects securely to the MySQL database hosted on the client's server
The project was built using a stack of modern technologies:
Next.js 14: For the core framework and server-side rendering
TypeScript: For type safety and better developer experience
Tailwind CSS: For responsive and customizable styling
Prisma: For database management
next-intl: For internationalization
Framer Motion: For smooth animations and transitions
React: For building the user interface components
The final website successfully met all the client's requirements and exceeded their expectations:
A beautiful, responsive design that works on all devices
Fast loading times and smooth navigation
Comprehensive multilingual support
Seamless integration with their mobile menu system
Real-time display of opening hours
Easy-to-use reservation system
Strong SEO foundation for better online visibility
The website has helped Duomo Pizzeria improve their online presence, attract more customers, and provide better service to their existing clientele.
Visit the live website at duomopizzeria.fr to see the result of our work.
Case study by Vahid Takro, Full Stack Developer at Natasun Company www.natasun.com
Status
Category
Start Date
01 Jun 2024
End Date
31 Jul 2024
Created At
16 Mar 2025
