Agenda
Un agenda militant
Les événements à venir, en cours et passés, avec une carte interactive et une page par action.
- Carte interactive des lieux d’action (Leaflet)
- Chaque action a sa page, prête pour Google et pour le partage
Mesures
- 360°nom de domaine, boîte mail, serveur, back-office et site : toute l’infrastructure, montée de rien
- Autonomele collectif publie lui-même ses événements, ses communiqués et sa page de liens
- SEO 100et accessibilité 100 : un site fait pour être trouvé, et lu par tout le monde
L’histoire
Le collectif vivait sur Instagram et sur un blog hébergé par Mediapart, sans nom de domaine ni boîte mail. Je lui ai construit, bénévolement, un site à son image qu’il fait vivre seul.
J’ai dessiné une direction artistique aussi hors des lignes que le collectif, puis construit le site en Next.js, pensé d’abord pour le mobile et pour être trouvé. Derrière, un back-office Directus que j’ai installé et que je maintiens depuis 2024 : le collectif y publie seul.
Depuis, 274 prises de contact sont arrivées par le site, la moitié d’autres structures, l’autre de personnes qui veulent rejoindre le collectif. 312 personnes se sont inscrites à la newsletter, et le collectif a publié 80 événements et 70 articles.
Ce que ça prouve
Un site totalement custom et une identité graphique fidèle à notre militantisme. Manu a construit une plateforme qui met en avant nos événements, nos communiqués et notre newsletter, le tout avec une approche technique pointue et engagée.
À l’écran
La vitrine d’un collectif militant.
Le site ressemble à ceux qui le font vivre : leurs couleurs, leurs stickers, leurs affiches.
Collectif ▾ÉvénementsBlogLinktreeNous contacterNous soutenirLes Inverti.e.s
Collectif militant communiste
Queer - LGBT
- 2022Date de création
- 100Membres
- 9 999Memes créés
- 1Abribus sauvé par manif
- Identité sur mesureArc-en-ciel et bandeau rose
- Les affiches du collectifAu premier plan
Un agenda qui se range tout seul.
À venir, en cours, passés : le tri se fait selon l’heure de Paris, un événement épinglé passe en tête, et chaque action a sa page et sa carte.
Les Inverti.e.s présentent
✦ Nos events ✦
ÉpingléLe Très Grand Invertissement 202617 août · 18 août 2026Obtenir des billets ›
À venirLa Faucille, le Marteau & les Ciseauxjeu. 2 juil. · 22:00
À venirClip : le camp comme arme politiqueven. 3 juil. · 20:00
PasséManif du 1er mai 2026ven. 1er mai · 14:00- Épinglé depuis le back-officeEn tête d’affiche
- Trié selon l’heure de ParisPassé, grisé
Écrire. Publier. C’est en ligne.
Le collectif écrit dans Directus. À l’enregistrement, la page se régénère avec son adresse, ses balises SEO et son aperçu de partage.
Posts · Modification de l’élément
Mois des fiertés : paillettes, pavés et solidaritéB I U H1 H2 🔗Cette année encore, le mois des fiertés se déroule dans un contexte tendu. Faisons de juin un mois d’organisation et de riposte.Enregistrer · en ligne
← Retour au blogMois des fiertés : paillettes, pavés et solidaritéPar Les Inverti.e.s · 1er juin 2026
- Webhook de revalidationUn clic
- Slug, SEO, aperçuL’article est en ligne
Sous le capot
Communiqués
Communiqués et actualités
Écrits et publiés par le collectif depuis le back-office, sans développeur entre les deux.
- Si une mise à jour se perd, la page se régénère quand même : 24 h pour le contenu qui bouge, 1 mois pour le reste
- Sitemap, métadonnées et aperçus de partage générés pour chaque page
Liens et contact
Une page de liens maison
Elle remplace Linktree, pensée pour un public jeune et mobile, et le collectif la règle depuis le back-office.
- Chaque message arrive dans la boîte du collectif avec un modèle clair et reste consultable dans le back-office
- Les inscriptions à la newsletter enregistrées en base
Infrastructure
Toute l’infrastructure
Nom de domaine, boîte mail, serveur, back-office Directus et site : tout monté pour un collectif qui partait de rien.
- Directus et PostgreSQL en Docker sur un serveur Hetzner, derrière Nginx
- Un jeton d’API limité aux seules collections utiles : le site ne peut rien lire d’autre