kaloni.gr — E-Commerce de Chaussures Bilingue sous Laravel
8 semaines
|
Développeur Full-Stack & Designer
Nous avons conçu et développé kaloni.gr, une boutique e-commerce Laravel 12 bilingue (grec/anglais) pour une marque de chaussures pour femmes basée à Serres. La boutique prend en charge les variantes de produits (taille + couleur), les galeries filtrées par couleur, la liste de souhaits (session pour les invités, BDD pour les utilisateurs authentifiés avec fusion à la connexion), les produits récemment consultés, la recherche avec autocomplétion et la détection en temps réel des zones d'expédition. Les paiements utilisent une abstraction gateway-agnostique (PaymentGatewayInterface avec résultats portés par DTO) prenant en charge Stripe 3DS, Cardlink hosted-redirect avec vérification HMAC-SHA256 digest, virement bancaire, contre-remboursement et paiement au retrait. Le panneau d'administration couvre produits/variantes/catégories, coupons, zones d'expédition, cycle de vie des commandes et transitions de statut de paiement, modération des avis, abonnements newsletter et retour-en-stock, gestion clients avec auto-suppression RGPD (anonymisation vs suppression définitive) et journalisation d'activité. Le contenu bilingue utilise des tables *_translations dédiées avec une chaîne de fallback locale intelligente (préfixe URL → session → préférence utilisateur → config), alimentant des URLs SEO-friendly /el/ et /en/ avec alternates hreflang et JSON-LD Organization/WebSite sur chaque page. Les images sont servies via Intervention Image v3 avec des srcsets <picture> responsives et des frères WebP ; les scripts inline sont conformes CSP via les nonces Vite ; le tracking e-commerce GA4 (view_item, add_to_cart, purchase) est conditionné au consentement cookies. La logique métier est isolée dans 23 classes de service pour une base prête pour API.
Technologies
Laravel 12
PHP 8.3
Alpine.js
Custom CSS (BEM)
MySQL
Intervention Image v3
Stripe (3DS)
Cardlink
Laravel Breeze + Google OAuth
Multilingual (el/en)
JSON-LD / SEO
Responsive Design
GA4 E-commerce
Vite
Défis
Construire un système de paiement multi-passerelles prenant en charge proprement les flux synchrones (espèces, virement bancaire) et asynchrones par redirection (Stripe 3DS, Cardlink HMAC), tout en gardant le modèle de contenu bilingue simple et le catalogue rapide à travers des centaines de variantes de produits.
Solutions
Conception d'une PaymentGatewayInterface avec résultats portés par DTO afin que chaque passerelle s'insère derrière la même API ; utilisation de tables *_translations dédiées avec une chaîne de fallback (préfixe URL → session → préférence utilisateur → config) afin que la traduction vive à un seul endroit par entité ; mise en cache des frères WebP responsives via Intervention Image v3 et diffusion via balises <picture> srcset avec dimensions explicites pour prévenir le CLS.