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 deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16