Back to 0fee
0fee

Pages de checkout hébergées : le flux de redirection

Comment 0fee.dev a construit des pages de checkout hébergées avec Jinja2, support multilingue et mode sombre. Par Juste A. Gnimavo et Claude.

Juste A. Gnimavo (Thales) & Claude | March 27, 2026 2 min 0fee
EN/ FR/ ES
hosted-checkoutjinja2templatesmulti-languageredirect-flow

Tous les développeurs ne veulent pas intégrer un widget de checkout sur leur site. Certains préfèrent un flux de redirection : envoyer le client vers une page de checkout hébergée, laisser la plateforme de paiement gérer toute l'interface et recevoir le client en retour avec une confirmation de paiement. Le Checkout de Stripe, les pages de paiement PayPal et le checkout de Shopify suivent tous ce modèle.

Fonctionnalités

  • Multilingue : anglais et français, détecté depuis l'en-tête Accept-Language du navigateur ou surchargé par paramètre de requête.
  • Mode sombre/clair : respecte la préférence système, basculable par le client.
  • Flux multi-étapes : sélection de la méthode de paiement, saisie du numéro de téléphone, vérification OTP (si nécessaire), traitement et confirmation.
  • Design responsive : fonctionnalité complète sur appareils mobiles.
  • Mode sandbox : indicateur visuel quand le paiement est en mode test.

Implémentation

Les pages de checkout hébergées utilisent des templates Jinja2 côté serveur rendus par FastAPI. Le template HTML est une page autonome avec CSS et JavaScript intégrés, sans dépendances externes hormis les polices.


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 A. 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

Ç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
Thales & Claude deblo

Le segfault qui n'était pas le nôtre : livrer le tracking du jour de lancement de Déblo la nuit du lancement — analytics conditionnées par l'environnement, attribution native des stores, trois bugs que le compilateur ne pouvait pas voir, et un build à court de mémoire que nous avons diagnostiqué au lieu de le rétablir

Le 1er juillet 2026 — jour de lancement — le risque n'a jamais été le texte. C'était les campagnes payantes qui partaient à l'aveugle. Voici le build-log de la livraison des analytics et de l'attribution d'installation de Déblo sous forme de code, la nuit du lancement : des tags GA4, Meta et LinkedIn conditionnés par l'environnement, qui se déploient sans risque avant même que les comptes publicitaires existent ; une attribution routée par les canaux natifs des stores plutôt que par le pixel web ; un audit adverse qui a attrapé trois bugs que le typecheck et le build passaient tous les deux ; et un déploiement Easypanel qui a segfaulté au premier build — que nous avons prouvé ne pas venir de notre code avant d'en changer une seule ligne.

18 min Jul 1, 2026
deblolaunch-dayclaude-opus-4.8claude-code +26