Pizzeria Duomo

Client Overview

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.

Project Requirements

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

Our Solution

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.

Why We Chose Next.js

Next.js was the perfect choice for this project for several reasons:

1. Performance: Next.js provides server-side rendering and static site generation capabilities, resulting in faster page loads and better user experience.

2. SEO Optimization: The server-side rendering helps search engines better index the content, improving the restaurant's online visibility.

3. 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).

4. API Routes: Next.js allows us to create API endpoints within the same project, which we used for features like working hours management.

5. Developer Experience: The framework's excellent developer experience helped us build the site efficiently and maintain it easily.

Multilingual Implementation

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

Integration with Mobile Menu

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

Smart Opening Hours System

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

Database Management with Prisma

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

Technical Implementation

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

Results

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