Plume & Compas Showcase WebsiteModern Next.js 15 showcase website for tutoring center with CalDAV booking system, news blog and advanced SEO optimizations.

Client project - Showcase website & ERP
August 2025 – September 2025

Contexte du projet

Origine

Need for a professional showcase website to present tutoring services with automated booking system and modern content management.

Public cible

Parents, students, website visitors looking for tutoring services in Montpellier.

Objectif

Create a modern web presence with online booking, news management and local SEO optimization.

Mon rôle

Full-stack developer responsible for complete architecture, front-end and back-end development, external services integration and SEO optimization.

Autonomie complèteRelation client directe

Next.js 15 architecture with App Router, Server Components and SSR/SSG optimizations. Integration of booking system with NextCloud CalDAV for real-time slot synchronization.

Development of articles CMS with media management, tags and publishing. Admin interface for banners, images and site content management.

Integration of interactive guestbook with page-turning effect using React Spring. Comment system with moderation and dynamic display.

Complete SEO optimization with dynamic metadata, JSON-LD structured data, automatic sitemap and performance optimization (Core Web Vitals).

External services integration: ImageKit for image optimization, Resend for transactional emails, n8n for workflow automation and Umami for 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

Real-time CalDAV booking system
News blog with media management
Interactive guestbook with animations
SEO optimization and dynamic metadata
Custom pricing calculator
Responsive and modern interface
Automatic email integration
Automatic image optimization
Privacy-first analytics
Structured data for local SEO

Méthodologie & Résultats

Approche

Agile development with short cycles, continuous integration and automated testing. Mobile-first design approach.

Résultats

Chiffres clés

Lighthouse score 95+
Loading time <2s
8+ SEO optimized pages
25+ modular React components

Retours utilisateurs

Modern and intuitive interface
Simple booking system
Very fast loading

Compétences mises en œuvre

Next.js 15 with App Router
CalDAV integration
Advanced SEO optimization
Server Components and SSR
Custom CMS management
Third-party services integration
Performance optimization
Responsive design

Ressources