Back to 0fee
0fee

El stepper de incorporación GetStarted

Cómo construimos un stepper de incorporación de 6 pasos para 0fee.dev con polling de auto-verificación, seguimiento de progreso y reinicio de sandbox. Por Juste A. Gnimavo y Claude.

Juste A. Gnimavo (Thales) & Claude | March 27, 2026 3 min 0fee
EN/ FR/ ES
onboardingdeveloper-experiencedashboard

La incorporación de desarrolladores es la mayor palanca en la adopción de APIs de pago. Si un desarrollador no puede procesar un pago de prueba en diez minutos después de registrarse, se va. En las sesiones 029 y 039, construimos un stepper de incorporación guiado que lleva a los desarrolladores desde la creación de cuenta hasta su primer pago en vivo -- con auto-verificación, seguimiento visual de progreso y un entorno sandbox que no requiere configuración.

Los seis pasos

Cinco pasos requeridos y uno opcional: Crear primera app, Obtener claves API, Hacer pago de prueba, Configurar proveedores, Ir a producción, y Configurar webhooks (opcional).

El paso de Stripe que fue eliminado

La sesión 029 incluía un paso dedicado "Añadir claves de prueba de Stripe". Para la sesión 039, nos dimos cuenta de que esto estaba mal para una plataforma dirigida a desarrolladores de todo el mundo. El proveedor de pruebas integrado ya soporta todos los más de 115 métodos de pago en modo sandbox, haciendo innecesarias las claves sandbox de Stripe.

Internacionalización del snippet de código

El snippet original usaba XOF y PAYIN_ORANGE_CI. En la sesión 039 lo cambiamos a USD y pago genérico con tarjeta, que resuena con una audiencia global de desarrolladores. 0fee.dev es África primero, pero no es solo África.

Polling de auto-verificación

En lugar de pedir a los desarrolladores que hagan clic en "Ya lo hice", consultamos al backend cada cinco segundos para verificar si la condición de completitud de cada paso se ha cumplido. El estado persiste en el servidor basado en el estado real de la plataforma (¿existe una app? ¿hay transacciones sandbox?), no en un registro separado de "progreso de incorporación".

Lecciones aprendidas

  1. Elimina pasos específicos de proveedor temprano.
  2. La auto-verificación supera a las casillas de verificación.
  3. Haz polling responsablemente -- cinco segundos es el punto ideal.
  4. El estado debe reflejar la realidad.
  5. Internacional por defecto.

El stepper redujo el tiempo desde el registro hasta el primer pago de prueba a menos de cinco minutos. No es la funcionalidad más compleja técnicamente de 0fee.dev, pero puede ser la más importante comercialmente.


Este artículo es parte de la serie "Cómo construimos 0fee.dev". 0fee.dev es un orquestador de pagos que cubre más de 53 proveedores en más de 200 países, construido por Juste A. GNIMAVO y Claude desde Abiyán sin ingenieros humanos. Sigue la serie para conocer la historia completa de la construcción.

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

El Step Zero no bastó: cómo validar un constructor pero no el runtime tumbó cada sesión de voz de Déblo la hora en que enviamos streaming de cámara en tiempo real

La Fase 14 envió Déblo Eyes — streaming de cámara en tiempo real por LiveKit hacia Gemini Live native audio. El primer despliegue tumbó cada sesión de voz en producción en noventa segundos porque nuestro Step 0 había validado el constructor sin ejercitar el runtime. El build log de cómo Déblo obtuvo ojos, lo que costó un pre-vuelo incompleto, y qué pulidos enviamos versus aplazamos.

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

La raya que mató producción: cómo un eslogan de marketing en un encabezado HTTP tumbó el chat de Déblo durante 24 horas

Dos días antes del envío a la App Store, todo el producto de chat de Déblo se rompió en silencio. Sin spinner, sin toast, sin error en la UI — solo aire muerto. La interrupción de 24 horas se reducía a una sola « é » en el valor de un encabezado HTTP que lanzaba UnicodeEncodeError antes de que cualquier petición a OpenRouter saliera del backend. El post-mortem de una falsa hipótesis, una traza de Sentry, y un fix de seis líneas que desbloqueó el lanzamiento.

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

Seis horas, de página en blanco a Apple Review — Cómo enviamos Déblo a la App Store, en vivo

Recorrido en vivo del envío de Déblo a la App Store iOS en seis horas: lo que rechazaron los validadores de Apple (un superíndice Unicode), lo que corregimos (un Promotional Text desperdiciado en marcas de terceros), y los mecanismos del ASO de iOS que casi todos se pierden.

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