Site Vitrine Plume & CompasSite vitrine Next.js 15 moderne pour centre de soutien scolaire avec système de réservation CalDAV, blog d'actualités et optimisations SEO avancées.

Projet client - Site vitrine & ERP
Août 2025 – Septembre 2025

Contexte du projet

Origine

Besoin d'un site vitrine professionnel pour présenter les services de soutien scolaire avec un système de réservation automatisé et une gestion de contenu moderne.

Public cible

Parents d'élèves, étudiants, visiteurs du site recherchant des services de soutien scolaire à Montpellier.

Objectif

Créer une présence web moderne avec réservation en ligne, gestion d'actualités et optimisation pour le référencement local.

Mon rôle

Développeur full-stack responsable de l'architecture complète, du développement front-end et back-end, de l'intégration des services externes et de l'optimisation SEO.

Autonomie complèteRelation client directe

Architecture Next.js 15 avec App Router, Server Components et optimisations SSR/SSG. Configuration d'un système de réservation intégré avec NextCloud CalDAV pour synchronisation temps réel des créneaux disponibles.

Développement d'un CMS d'articles avec gestion de médias, tags et publication. Interface d'administration pour la gestion des bannières, images et contenus du site.

Intégration d'un livre d'or interactif avec effet de pages qui tournent utilisant React Spring. Système de commentaires avec modération et affichage dynamique.

Optimisation SEO complète avec métadonnées dynamiques, données structurées JSON-LD, sitemap automatique et optimisation des performances (Core Web Vitals).

Intégration de services externes : ImageKit pour optimisation d'images, Resend pour emails transactionnels, n8n pour automatisation des workflows et Umami pour analytics.

Stack technique

Frontend

Next.js 15, React 19, TypeScriptTailwindCSS 4, Radix UI, Framer MotionReact Spring, Server Components

Backend

TypeScript, Server Actions
PostgreSQL, Prisma ORM

Infrastructure

Docker, Standalone deployment
Umami Analytics

Fonctionnalités clés

Système de réservation CalDAV temps réel
Blog d'actualités avec gestion de médias
Livre d'or interactif avec animations
Optimisation SEO et métadonnées dynamiques
Calculateur de tarifs personnalisé
Interface responsive et moderne
Intégration emails automatiques
Optimisation d'images automatique
Analytics privacy-first
Données structurées pour SEO local

Méthodologie & Résultats

Approche

Développement agile avec cycles courts, intégration continue et tests automatisés. Approche mobile-first pour le design.

Résultats

Chiffres clés

Score Lighthouse 95+
Temps de chargement <2s
8+ pages optimisées SEO
25+ composants React modulaires

Retours utilisateurs

Interface moderne et intuitive
Système de réservation simple
Chargement très rapide

Compétences mises en œuvre

Next.js 15 avec App Router
Intégration CalDAV
Optimisation SEO avancée
Server Components et SSR
Gestion de CMS personnalisé
Intégration de services tiers
Optimisation des performances
Design responsive

Ressources