Projet interne LowkodeProduct Studio

Page « lien en bio » avec back-office et statistiques de clics

Une page « lien en bio » sur son propre domaine, rangée par thématiques, avec un back-office pour gérer ses liens et voir d'où viennent les clics : TikTok, Instagram, YouTube.

  • 2 jours de projet
  • 2026
  • Créateurs de contenu
  • Web app · Dashboard
Le contexte

Le point de départ

Pour un créateur, la page « lien en bio » est la porte d'entrée vers tout le reste : communauté, formations, vidéos, prise de rendez-vous. Les outils du marché imposent leur domaine, leur style et leurs limites.

Ce qu'on a construit

La solution

Une page sur son propre domaine, rapide et sans redirection, que l'on gère soi-même depuis un back-office : liens, catégories, apparence et statistiques. Elle existe aussi en version open source, à installer sur son propre serveur.

  • 01Page publique par thématiques

    Le visiteur parcourt les liens par onglet : à la une, ressources, formations, vidéos.

  • 02Mise en avant

    Une carte « À la une » et des cartes de formation font ressortir l'essentiel.

  • 03Gestion des liens

    On ajoute, classe, réordonne et masque ses liens, avec un aperçu de la page en direct.

  • 04Statistiques de clics

    Les clics par lien et par réseau d'origine : TikTok, Instagram, accès direct.

  • 05Newsletter

    Les inscriptions partent directement dans l'outil d'e-mailing, avec leur provenance.

  • 06Profil et apparence

    Nom, bio, réseaux sociaux et thème se règlent sans toucher au code.

Les outils

Avec quoi on l'a construit

  • Next.js
  • React
  • PostgreSQL
  • Mautic
  • Docker
  • Coolify
Les écrans

Le projet en images

7 captures

Back-office « Mes liens » : liste des liens avec leur catégorie et leur nombre de clics, et aperçu de la page en direct à droite01 / 07

Comment on a travaillé

Les étapes du projet

  1. 1CadrageLes liens à mettre en avant et les réseaux d'où viennent les visiteurs.
  2. 2ConceptionLa page publique et les écrans du back-office.
  3. 3DéveloppementPage, back-office, statistiques et inscription à la newsletter.
  4. 4Mise en ligneSur son propre domaine, avec une version open source à installer soi-même.