Site officiel de Techmyphone, boutique de réparation et de vente de téléphones et d’ordinateurs à Laguiole. J’ai mené le projet de bout en bout : cadrage SEO local, UX, pages pré-rendues ultra rapides, avis clients, statistiques de visite et panneau d’administration séparé.
SOUS LE CAPOT
VUE ISOMÉTRIQUEUne stack. Un écosystème.
Project Core → catégories → technologies. Chaque structure représente un rôle dans le projet.
ARCHITECTURE
- SvelteKit
- Svelte
- Sass
- Bun
- Elysia
- Sharp
- SerpApi
- SQLite
- Lighthouse
- TypeScript
Chaque technologie est reliée à sa catégorie
PRÉVISUALISATION INTERACTIVE
Ce que j’ai réalisé
- Cadrage SEO local : une page par service et par panne (écran, batterie, connecteur de charge)
- Pages publiques pré-rendues en SvelteKit, images optimisées, accessibilité vérifiée avec axe
- Avis clients Google récupérés côté serveur (SerpApi) et mis en cache, avec avis de secours
- Statistiques de visite en SQLite et panneau d’administration SvelteKit séparé, exclu de l’indexation
- Monorepo Bun (frontend, admin, backend Elysia, types partagés) et CI bloquante avec Lighthouse
Performance
La CI refuse une installation non gelée, une vulnérabilité signalée ou une erreur de type, de build ou de test. Lighthouse mesure ensuite chaque page publique trois fois en mobile, servie par le vrai backend, avec un objectif de performance médiane d’au moins 95.