Retour

Librairie concept Lecture & Bouture - Plongez vous dans le monde de la lecture et de la bouture avec notre concept de librairie.

Lecture & Bouture showcase

Librairie concept Lecture & Bouture

Ce projet a pour vocation de mettre en avant une librairie conceptuelle indépendante de quartier, qui a choisi de méler plantes et livres, pour un feeling cosy et relaxant.
Illustration du projet Librairie concept Lecture & Bouture

Un projet adapté sur tous vos supports

Pour vos grands écrans

Aperçu desktop du projet Librairie concept Lecture & Bouture

Ou vos appareils mobiles

Aperçu mobile du projet Librairie concept Lecture & Bouture

Une identité, un site, un service

La lecture est un monde à part, et faire sa place, avec son identité avec tous les géants déjà bien implémentés demande une rigeur exemplaire.

Curer plutôt que vendre

Le site ne cherche pas à vendre en ligne : l'achat se fait via leslibraires.fr. Chaque fiche livre ou bouture est traitée comme une pièce de collection, avec description soignée et note de la libraire. L'espace vide n'est pas une absence, c'est ce qui donne du poids à ce qui reste.

PHOTO SYNTHESE

Fonctionnalités

Design
  • Design system "L'Herbier de l'Esprit" documenté sous forme de tokens (couleurs, typographies, espacements)
  • Palette sobre autour d'un seul vert forêt profond, sans couleur d'accent secondaire
  • Typographie mixte : serif (Noto Serif) pour les titres et noms propres, sans-serif (Raleway) pour le reste
  • Coins nets (radius nul) sur boutons et cartes produit, esprit planche d'herbier
  • Accessibilité (A11y) : conformité WCAG AA
  • Responsive design pour une expérience optimale sur tous les appareils
Développement
  • Utilisation de Next.js 16 (App Router) pour le front, le back-office et les API Routes
  • Authentification NextAuth v5 (JWT, cookies httpOnly) avec 5 rôles distincts
  • Back-office complet sur mesure : dashboard, livres (CRUD + import ISBN), blog, boutures/genres/rayons, modération des avis, sélections/événements, pages éditoriales, paramètres, utilisateurs & rôles, journaux d'audit
  • Base de données PostgreSQL + Drizzle ORM, migrations SQL idempotentes
  • Catalogue livres piloté par l'API Google Books (source de vérité), enrichissements éditoriaux en base locale
  • Import par ISBN avec bascule possible vers inventaire.io ou Wikidata
  • Stockage des images (livres, boutures, événements) via MinIO self-hosted
  • Éditeur riche Tiptap pour le blog et les pages éditoriales
  • Notifications social proof en temps réel (SSE) lors des demandes de disponibilité
  • Emails transactionnels via Resend, newsletter via Loops
  • CI / CD avec GitHub Actions, déploiement Docker (image publiée sur Docker Hub)
SEO
  • Recherche live Google Books avec injection de termes BISAC français selon le rayon actif
  • Analytics privacy-first avec Umami
  • Sitemap et fichier robots.txt générés automatiquement
  • Métadonnées optimisées page par page (fiches livres, blog, pages éditoriales)
Illustration de l'optimisation SEO

Soyez visible

Une approche structurée couvrant l'ensemble des leviers SEO, de l'optimisation technique à la création de contenu, en passant par la stratégie de mots-clés et le netlinking, pour garantir une visibilité maximale sur les moteurs de recherche.

Un catalogue vivant, sans ressaisie

Plutôt que de dupliquer un catalogue entier à la main, le site s'appuie sur l'API Google Books comme source de vérité : titres, couvertures, résumés et catégories restent toujours à jour. La libraire n'ajoute que ce qui compte vraiment — sa note, son avis, ses choix — sans jamais avoir à ressaisir une fiche produit.

Un back-office complet, sur mesure

Pas de CMS générique ni de plugin tiers : le back-office a été conçu spécifiquement pour la gestion quotidienne d'une librairie indépendante. Dashboard avec stats et alertes, livres avec import automatique par ISBN, blog, boutures, modération des avis en trois états, sélections et événements, pages éditoriales, gestion des utilisateurs et des rôles, journaux d'audit pour la traçabilité. Chaque module a été pensé pour un usage réel, pas pour cocher une case.

Comment entrer en contact ?

Vous pouvez me joindre grâce à mon formulaire de contact. Je serai ravi d'échanger avec vous sur vos besoins. Sinon, mon Github et LinkedIn sont également disponibles.

Me contacter
Aperçu du formulaire de contact sur mobile