Retour aux side projects

Side project

Actif

MetricFlow

Un dashboard analytics qui regroupe les métriques réseaux sociaux, les retours Formbricks et les observations d'équipe au même endroit. Pensé pour les gens qui en ont assez de jongler entre cinq onglets pour comprendre ce qui se passe.

Nuxt 3DirectusPostgreSQLn8nChart.jsCoolify
MetricFlow

MetricFlow

Un dashboard qui rassemble ce qu'on a besoin de voir pour piloter une présence en ligne : les chiffres des réseaux sociaux, les réponses aux formulaires, les notes qu'on se prend à la main quand on observe quelque chose. Tout au même endroit, tout à jour, tout sans avoir à cliquer dans trois apps différentes.

Pourquoi

Si tu gères une marque, une asso, ou juste ta propre visibilité, tu connais le problème. YouTube a sa propre interface. Instagram en a une. Facebook aussi, et ce n'est pas la même. TikTok évidemment. Formbricks si tu récoltes du feedback. Et au milieu, toi, qui essaies de savoir si ton dernier post a marché ou si ton formulaire a reçu des réponses.

Je voulais arrêter d'ouvrir cinq onglets chaque lundi matin. L'idée de DashFolio, c'est qu'une seule page me dise "voici ce qu'il s'est passé depuis la semaine dernière, voici ce qui mérite ton attention".

Ce que ça fait

  • Agrège les métriques YouTube, Instagram, Facebook et TikTok via leurs APIs officielles
  • Récupère les réponses de formulaires depuis Formbricks
  • Permet d'ajouter à la main des observations ou recommandations (parce que tout ne se mesure pas)
  • Visualise tout ça avec Chart.js, sans chercher à réinventer la dataviz
  • Se met à jour tout seul grâce à des workflows n8n qui tournent en fond

Comment c'est branché

Le front est un Nuxt 3 avec Nuxt UI, classique. Derrière, Directus fait office de backend et d'API REST, PostgreSQL stocke tout. Le vrai travail se passe côté n8n : une série de workflows ETL va chercher les données chez chaque plateforme, les normalise, et les pousse dans Directus. Le Nuxt n'a plus qu'à afficher.

J'aime beaucoup cette séparation. Le front ne sait rien des APIs externes, il ne parle qu'à Directus. Si demain une plateforme change son API, je retouche un workflow n8n et c'est fini. Pas besoin de rebuilder quoi que ce soit.

L'ensemble tourne en self-hosted sur un Hetzner piloté par Coolify. Tout est chez moi, rien ne dépend d'un SaaS tiers qui pourrait changer de prix la semaine prochaine.

Où c'est

L'outil tourne en ligne sur metricflow.fr. Le code n'est pas public, mais l'application l'est, et c'est déjà pas mal. Si tu veux jeter un œil à la démo ou discuter de l'archi derrière, le bouton est juste en bas de cette page.

Envie d'en parler ?

Si ça résonne,
écris-moi.

Me contacter