Full-Stack • Web Development • Freelance

Darius Pizza – Refonte full-stack moderne

Site de deuxième génération pour ma pizzeria familiale, reconstruit sur une plateforme moderne, multilingue et analytics-aware, conçue pour se connecter à un backend réel.

10 oct. 2025

De v1la version statique à l'application full-stack

Cette refonte du site du Darius Pizza est une réécriture complète du site original construit en 2021.

Alors que la v1 visait à livrer rapidement quelque chose d'utile, la v2 privilégie la qualité à long terme :

  • contenu structuré
  • support multilingue
  • analytics réels
  • et une voie claire vers un CMS et du e-commerce

Ce projet se situe à l'intersection entre site client et architecture produit — et est directement aligné avec l'écosystème WebOustaou.


Objectifs

  • Offrir une expérience client rapide et moderne
  • Supporter plusieurs langues sans dupliquer les pages
  • Afficher clairement le statut d'ouverture en temps réel et les exceptions
  • Mesurer correctement l'usage et les interactions
  • Préparer le site aux fonctionnalités CMS et e-commerce

Site public

Page d'accueil Darius Pizza v2

Le site est conçu comme un site marketing piloté par le contenu, et non comme une brochure statique.

Il inclut :

  • Horaires dynamiques et statut actuel
  • Produits mis en avant et accès au menu
  • Informations de contact et localisation claires
  • Pages SEO optimisées par locale

Toutes les pages sont rendues côté serveur et optimisées pour la performance.

SCarte des pizzas avec filtrage


Statut d'ouverture dynamique

Horaires dynamiques et statut actuel

Les horaires ne sont plus de simples textes sur une page.

Le système gère :

  • Les plannings hebdomadaires
  • Les fermetures exceptionnelles
  • Les messages temporaires
  • Un statut « ouvert / fermé » tenant compte du fuseau horaire

Cela supprime l'ambiguïté pour les clients et réduit les appels pour des questions basiques.


Architecture multilingue

Le site supporte six langues : français, anglais, allemand, italien, espagnol et néerlandais.

Sélection des langues

Points clés :

  • Routage préfixé par locale
  • Structure partagée, contenu localisé
  • Métadonnées SEO et entrées sitemap par locale
  • Changement de langue sans duplication de pages

Cette conception permet de scaler sans augmenter les coûts de maintenance.


Analytics et mesure

Contrairement à la v1, les analytics sont traités comme une priorité.

Le site inclut :

  • Analytics basés sur le consentement
  • Suivi des événements pour les interactions clés
  • Séparation claire entre scripts nécessaires et optionnels

Cela permet de comprendre comment le site est réellement utilisé, tout en restant conforme.


Connexion à WebOustaou

Cette version est conçu pour être ouverte à WebOustaou.

Les choix architecturaux reflètent cela :

  • Chargeurs de contenu structurés plutôt que données en dur
  • Variables d'environnement déjà alignées avec un backend
  • Feature flags pour les actions futures (commande, réservation)

En pratique :

  • Darius Pizza est la couche client
  • WebOustaou est le tableau de bord propriétaire

Les deux partagent la même philosophie technique et peuvent évoluer ensemble.


Aperçu technique

  • Framework : Next.js
  • Langage : TypeScript
  • Rendu : Server Components + routes dynamiques
  • Styling : Tailwind CSS
  • Internationalisation : next-intl
  • Analytics : configuration basée sur le consentement
  • Hébergement : Vercel

L'architecture privilégie la clarté et l'évolutivité plutôt que les raccourcis à court terme.


Ce que ce projet représente

Ce projet marque un pas en avant net :

  • de « faire un site web »
  • vers « concevoir un système »

Il combine :

  • des besoins clients réels
  • des pratiques full-stack modernes
  • et une vision produit à long terme

Résultat

Darius Pizza v2 est en ligne et en usage. Il remplace l'ancien site tout en ouvrant la porte à de futures fonctionnalités sans nouvelle réécriture.


Bilan

Darius Pizza v2 n'est pas qu'un redesign — c'est une mise à niveau structurelle. Il démontre qu'un site de petite entreprise peut être construit avec le même soin et la même architecture qu'un produit moderne, tout en restant simple à utiliser et à maintenir.