Back to 0fee
0fee

Construire un tableau de bord SolidJS from scratch

Comment nous avons construit le tableau de bord SolidJS de 0fee.dev avec stores et routage à 3 layouts. Par Juste Thales Gnimavo et Claude.

Juste Thales Gnimavo & Claude | March 27, 2026 1 min 0fee
EN/ FR/ ES
solidjsdashboardfrontendcomponent-architecturestores

Quand nous avons commencé à construire le frontend de 0fee.dev, nous avons choisi SolidJS plutôt que React. La décision était délibérée : SolidJS offre une réactivité réelle sans DOM virtuel, résultant en des bundles plus petits et des mises à jour plus rapides -- critique pour un tableau de bord qui affiche des données de transaction en temps réel, gère des clés API et gère la configuration de paiement.

Architecture de composants

Le tableau de bord utilise un système de routage à 3 layouts : layout public (marketing), layout dashboard (authentifié) et layout checkout (minimal). Les stores SolidJS gèrent l'état global pour l'authentification, les applications et les transactions.

Pages clés

19 pages de tableau de bord couvrant : vue d'ensemble, applications, transactions, fournisseurs, webhooks, clés API, facturation, paramètres, documentation API, playground API, console développeur, onboarding, liens de paiement et plus encore.


Cet article fait partie de la série « Comment nous avons construit 0fee.dev ». 0fee.dev est un orchestrateur de paiement couvrant 53+ fournisseurs dans 200+ pays, construit par Juste Thales Gnimavo et Claude depuis Abidjan sans aucun ingénieur humain. Suivez la série pour l'histoire complète de la construction.

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude zerosuite

Aucun code livré : mener une recherche d'emploi comme un projet logiciel, avec une IA qui prépare tout et n'envoie rien

Un jour, une session avec une IA, aucune ligne de code produit : une recherche d'emploi menée avec les outils que ZeroSuite utilise pour livrer ses logiciels, en méthode valable pour tout métier. Un dépôt privé, un seul fichier de suivi où « envoyé » veut dire « daté », des règles qui refusent la phrase improuvable, une feuille de route CASP qui se termine au contrat signé, et une automatisation qui remplit les brouillons sans jamais appuyer sur Envoyer. Avec un guide pas à pas à télécharger.

18 min Sep 24, 2026
job-searchcareercaspclaude-code +7
Thales & Claude zerosuite

Ça marche, et ce n'est pas fini

Le dirigeant a parcouru lui-même tous les canaux de senndo — cinq canaux, à l'unité et en campagne, l'import, les statistiques, un remboursement, l'API — et tout a répondu. Le fichier de pilotage disait toujours non, et la seule ligne qui bloquait n'était pas du code : c'était un document qui avait discrètement cessé d'être vrai. Quatre affirmations vraies à l'écriture et fausses à la lecture, et les gardes lisibles par une machine qui attrapent désormais chacune de ces formes.

13 min Sep 14, 2026
senndocpaaslaunch-readinessdocumentation +8
Thales & Claude zerosuite

Le navigateur entre les mains de Claude : piloter le Chrome du dirigeant

Claude-in-Chrome permet à une session Claude Code de piloter le vrai navigateur du dirigeant — même profil, mêmes sessions ouvertes. Ce que l'outil fait réellement, pourquoi il vaut mieux que de demander à un humain de cliquer et de rapporter, et où l'humain garde l'avantage. Ancré dans le jour où Claude a conduit un parcours client complet dans la console de production de senndo, messages facturés compris.

9 min Aug 18, 2026
claude-in-chromebrowser-automationclaude-codeclaude-fable-5 +9