Pizzeria Duomo

Présentation du client

La Pizzeria Duomo est une authentique pizzeria italienne située en France, proposant une cuisine italienne traditionnelle avec un accent sur des pizzas de haute qualité. Le restaurant se targue d'utiliser des ingrédients frais et des recettes authentiques pour offrir une véritable expérience culinaire italienne à ses clients.

Exigences du projet

Le client avait besoin d'un site web moderne et réactif qui :

• Présente son restaurant et son menu aux clients potentiels

• Permette aux clients de réserver une table

• Affiche des informations à jour sur les horaires d'ouverture

• Soit accessible en plusieurs langues (français, anglais, italien et espagnol)

• Se connecte parfaitement à leur système de menu mobile existant

• Présente leur marque de manière attrayante et professionnelle

Notre solution

En tant que Natasun Company, nous avons développé une solution web complète utilisant Next.js, un puissant framework React, pour créer un site web rapide, optimisé pour le référencement et riche en fonctionnalités qui répond à toutes les exigences du client.

Pourquoi nous avons choisi Next.js

Next.js était le choix parfait pour ce projet pour plusieurs raisons :

1. Performance : Next.js offre des capacités de rendu côté serveur et de génération de sites statiques, ce qui se traduit par des chargements de pages plus rapides et une meilleure expérience utilisateur.

2. Optimisation SEO : Le rendu côté serveur aide les moteurs de recherche à mieux indexer le contenu, améliorant la visibilité en ligne du restaurant.

3. Système de routage : Le système de routage intégré de Next.js a facilité la mise en œuvre de la fonctionnalité multilingue avec des URL propres (comme /fr, /en, /it, /es).

4. Routes API : Next.js permet de créer des points d'accès API au sein du même projet, que nous avons utilisés pour des fonctionnalités comme la gestion des horaires d'ouverture.

5. Expérience développeur : L'excellente expérience développeur du framework nous a aidés à construire le site efficacement et à le maintenir facilement.

Implémentation multilingue

L'une des caractéristiques remarquables du site web est son support multilingue complet :

• Nous avons implémenté un système de routage qui permet aux utilisateurs d'accéder au site web dans leur langue préférée (/fr, /en, /it, /es)

• L'interface utilisateur s'adapte automatiquement à la langue sélectionnée, affichant tout le contenu dans la langue appropriée

• Nous avons utilisé next-intl pour l'internationalisation, stockant les traductions dans des fichiers JSON pour une maintenance facile

• La langue par défaut est le français, mais les utilisateurs peuvent facilement changer de langue

Intégration avec le menu mobile

Une exigence clé était de connecter le site web au système de menu mobile existant du client :

• Nous avons créé une intégration transparente avec leur API de menu mobile (hébergée sur mobilemenu.duomopizzeria.fr)

• Le site web récupère les données du menu en temps réel à partir de l'API du menu mobile

• Cela garantit que les éléments du menu, les prix et la disponibilité sont toujours à jour sur les deux plateformes

• L'intégration élimine le besoin de gestion de contenu en double

Système intelligent d'horaires d'ouverture

Nous avons développé un système sophistiqué pour gérer et afficher les horaires d'ouverture du restaurant :

• Les horaires d'ouverture sont stockés dans une base de données MySQL utilisant Prisma ORM

• Le système prend en charge des horaires complexes, y compris différentes heures pour les services de déjeuner et de dîner

• Un point d'accès API permet au client de mettre à jour facilement ses horaires d'ouverture

• Le site web affiche en temps réel si le restaurant est actuellement ouvert ou fermé

• Les clients peuvent voir l'horaire hebdomadaire complet pour planifier leur visite

Gestion de base de données avec Prisma

Nous avons utilisé Prisma, une boîte à outils de base de données moderne, pour gérer toutes les opérations de base de données :

• Prisma fournit un client de base de données typé qui facilite l'interrogation de la base de données

• Le schéma est clairement défini, ce qui facilite la compréhension de la structure des données

• Les migrations de base de données sont gérées automatiquement, simplifiant les mises à jour

• L'ORM abstrait la complexité des requêtes SQL, rendant le code plus maintenable

• Il se connecte de manière sécurisée à la base de données MySQL hébergée sur le serveur du client

Implémentation technique

Le projet a été construit en utilisant une pile de technologies modernes :

• Next.js 14 : Pour le framework de base et le rendu côté serveur

• TypeScript : Pour la sécurité des types et une meilleure expérience développeur

• Tailwind CSS : Pour un style réactif et personnalisable

• Prisma : Pour la gestion de la base de données

• next-intl : Pour l'internationalisation

• Framer Motion : Pour des animations et transitions fluides

• React : Pour construire les composants d'interface utilisateur

Résultats

Le site web final a répondu avec succès à toutes les exigences du client et a dépassé leurs attentes :

• Un design magnifique et réactif qui fonctionne sur tous les appareils

• Des temps de chargement rapides et une navigation fluide

• Un support multilingue complet

• Une intégration transparente avec leur système de menu mobile

• Un affichage en temps réel des horaires d'ouverture

• Un système de réservation facile à utiliser

• Une base solide pour le référencement et une meilleure visibilité en ligne

Le site web a aidé la Pizzeria Duomo à améliorer sa présence en ligne, à attirer plus de clients et à fournir un meilleur service à sa clientèle existante.

Visitez le site web en direct sur duomopizzeria.fr pour voir le résultat de notre travail.

Étude de cas par Vahid Takro, Développeur Full Stack chez Natasun Company www.natasun.com