15 Avril 2026
Mission à Pointe-Noire : 80 échographies en 5 jours
Retour sur cinq journées intenses auprès des patients et de l'équipe locale.
Back to work
contact@unhopitalautrement.fr
Paris, France
Lundi — Vendredi · 9h-18h
un-hopital-autrement
A complete website and admin back-office for a French medical humanitarian association — built so a two-person team can run it without ever touching code.
Challenge
A medical humanitarian association needed to publish updates and collect donations regularly, without a tech team and without touching any code.
Approach
Next.js 16 front-end + TipTap rich-text admin: two volunteers publish articles and newsletters directly, with role isolation, drafts, and a publication workflow.
Outcome
Shipped in 4 weeks, the team has been publishing autonomously since day one.
🔒
unhopitalautrement.fr
Merci — redirection vers HelloAsso…
Association humanitaire au Congo
Un Hôpital Autrement
Association médicale humanitaire au service des plus pauvres au Congo Brazzaville
Avec 1 médecin pour 7 000 habitants, le Congo manque cruellement de soignants qualifiés. Ensemble, changeons cela.
— Notre mission
Former, accompagner, autonomiser
Au Congo Brazzaville, un médecin pour sept mille habitants. La télémédecine nous permet de briser cet isolement : des cardiologues français accompagnent en direct les soignants congolais, jour après jour, sur des cas réels.
L'objectif n'est pas de remplacer, mais de transmettre. Chaque échographie partagée, chaque diagnostic discuté construit peu à peu une équipe locale autonome, capable de continuer quand nous ne serons plus là.
3
Cardiologues bénévoles
1 100+
Échographies réalisées
20
Patients par mois
7
Médecins experts
Actualités
Les dernières nouvelles du terrain et du projet
28 Mars 2026
Un nouvel échographe livré à Brazzaville
Grâce à vos dons, un second appareil rejoint l'équipe congolaise.
10 Mars 2026
Rencontre avec Dr. Makanga, notre partenaire local
Portrait d'un cardiologue qui porte la mission depuis dix ans.
Écrivez-nous
Pour devenir bénévole, proposer un partenariat, ou simplement en savoir plus sur notre action au Congo Brazzaville.
—Homepage hero section, pixel-perfect render
Browser mockup — faithful to the Next.js source
16:52
●●● 5G
Association humanitaire au Congo
Un Hôpital Autrement
Medical humanitarian association serving the poorest in Congo Brazzaville.
With 1 doctor per 7,000 inhabitants, Congo is in critical need of qualified caregivers.
01Context
A site that works, not a brochure
The association needed more than a static page. They wanted a news blog to tell the project's story, a monthly newsletter for the community, a contact form that lands in a real inbox, and — above all — the ability to publish an article on a Sunday evening from their couch, without a developer.
02What I built
Public site + admin back-office
- Public pages — homepage, "Notre projet", news with dynamic per-article routes, contact form.
- Newsletter — public signup, admin compose & history, auto-generated monthly HTML template from published articles.
- Rich text editor — TipTap with images, bubble menu, formatting. The team writes the way they would in Notion.
- User management — Firebase auth, roles, protected admin routes.
- Inbox — contact form submissions land in Firestore and are read from the back-office with a read / unread state.
03Architecture
Next.js 16 App Router + Firebase
Clean App Router structure: src/app/ for public site + /admin, src/lib/ for the Firebase layer, src/components/ for UI. Firestore and Storage rules do the heavy lifting on security: public read on published articles, write restricted to authenticated admins.
Deploys on Vercel, with a separate Firebase project. Secrets are environment variables; the public repo ships a .env.local.example and a .firebaserc.example as templates.
04Stack
Next.js 16App Router, Server Components
React 19UI components
TypeScriptEnd-to-end
FirebaseAuth, Firestore, Storage
TipTapRich editor
Tailwind v4Styling
VercelHosting