Re-Source Et Moi
Site d’une association d’Éducation Kinesthésique® : activités, ateliers et tarifs.
- Objectif
- Présenter les activités de l’association, tenir à jour la liste des ateliers et événements, afficher des tarifs clairs et faciliter la prise de contact — sur une base technique sur laquelle itérer ensuite.
- Résultat
- Projet client livré clés en main, en ligne depuis septembre 2026.
- Stack technique
- DjangoDRFNext.jsVercelNeonBrevo
L’association, cliente à but non lucratif, avait besoin d’un site pour présenter sa pratique et sa fondatrice, publier ses ateliers et leurs tarifs, afficher les avis et recevoir des demandes de contact. Au-delà des pages publiques, une interface d’administration dédiée, plus simple que l’admin Django, permet de gérer soi-même les avis, les tarifs et les événements. Les e-mails (formulaire de contact, mot de passe oublié) passent par Brevo. Le front Next.js s’appuie sur une API Django / DRF, le tout hébergé sur Vercel avec une base Neon. Le site est en ligne depuis septembre 2026.
Ce que j’ai construit
Les textes du site sont fixes, mais trois contenus changent souvent : les dates des ateliers, les tarifs et les avis. Ils viennent de l’API, pour que l’association puisse les modifier sans redéploiement. Une interface d’édition en français permet de gérer les ateliers en liste ou en calendrier mensuel, les groupes de tarifs avec leurs lignes, et les avis, que l’on publie ou masque d’un clic. La page d’accueil affiche les trois avis publiés les plus récents. L’association gère tout cela en autonomie, sans toucher au code ni attendre que j’intervienne.
Dans l’interface d’édition, chaque lecture et chaque écriture exige une connexion, et les tentatives de connexion sont limitées. Après chaque enregistrement, le cache du site public est invalidé, et la modification apparaît dès la requête suivante. En cas d’oubli, un lien de réinitialisation du mot de passe, valable deux heures et utilisable une seule fois, est envoyé par e-mail via Brevo.
La stack et pourquoi
Le frontend Next.js récupère les ateliers et les tarifs côté serveur, si bien que les dates et les prix figurent dans le HTML que lisent les moteurs de recherche. Si l’API ne répond plus, la section affiche un message d’indisponibilité plutôt qu’un tarif périmé : un prix obsolète est pire qu’aucun prix.
Le backend Django / Django REST Framework renvoie des données brutes (dates ISO, montants numériques), et le frontend se charge de la mise en forme en français. Les types TypeScript sont générés à partir du schéma OpenAPI et comparés en intégration continue, pour que les deux côtés ne divergent pas. Sur Vercel, un seul projet sert les deux sous le même domaine : /api va à Django, le reste à Next.js, avec une base PostgreSQL sur Neon.
Où en est le projet
Le site est en ligne depuis septembre 2026, livré clés en main. Il a été conçu pour viser le niveau AA des WCAG en accessibilité, et sa base technique permet de continuer à l’enrichir.