Fadi Phone

Fadi Phone est un prototype e-commerce réalisé avec Next.js, TypeScript et Tailwind CSS par Majd Ben Slimene pour un client, une boutique de téléphones à Kélibia : smartphones, accessoires, réparations et reprise d'iPhone. Il utilise l'App Router, avec un SEO adapté au e-commerce : balises meta, Open Graph, sitemap, données structurées et flux produits.

Offrir à une boutique de téléphones locale une boutique en ligne où les clients parcourent le catalogue, comparent les téléphones, estiment une reprise et suivent une commande ou une réparation.

Design et front-end : la boutique et le tableau de bord administrateur, une refonte UX/UI, puis la migration de React / Vite vers Next.js (App Router).

• Catalogue avec catégories, recherche avancée et filtres

• Panier, favoris et comparaison de produits

• Calculateur de reprise

• Suivi des réparations et des commandes

• Promotions, codes promo et alertes de prix

• Tableau de bord administrateur avec statistiques

1. Hydratation après la migration Next.js

   Après la migration vers Next.js, les données côté client cassaient pendant l'hydratation.

   Solution

   Une recette complète dans le navigateur et un audit des clés LocalStorage ont révélé trois bugs (avis produits, produits récemment consultés, session client), que j'ai corrigés.

• Migrer une application React / Vite vers l'App Router de Next.js
• Le SEO pour le e-commerce : balises meta, Open Graph, sitemap, données structurées, flux produits
• Présenter un prototype à un vrai client