En este respositorio vamos a aprender a integrar Mercado Pago en una aplicación de comentarios utilizando Next.js con App Router. El fin de la aplicación es poder agregar mensajes a una lista de mensajes.
Vamos a tener diferentes carpetas y aplicaciones para cada tipo de integración, así mantenemos el código simple y podemos enfocarnos en lo que nos interesa.
- Integraciones
- Checkout Pro: Los usuarios van a tener que pagar para poder agregar un mensaje a la lista. Usamos Checkout Pro para crear una preferencia de pago y redirigir al usuario a Mercado Pago para que pueda pagar. Configuramos un webhook para recibir notificaciones del pago y verificar la autenticidad de la notificación.
- Suscripciones: Los usuarios van a tener que suscribirse para poder agregar un mensaje a la lista. Usamos Suscripciones sin plan asociado con pago pendiente. Configuramos un webhook para recibir notificaciones de suscripción y verificar la autenticidad de la notificación.
- Checkout Bricks: Los usuarios van a tener que pagar para poder agregar un mensaje a la lista. Usamos Checkout Bricks para tomar los datos de pago dentro de nuestra aplicación.
- Split de pagos (Marketplace): Vamos a ser el intermediario entre un usuario de nuestra aplicación que quiere recibir mensajes en su muro y un usuario que quiere pagar para escribir en ese muro. Vamos a usar Checkout Pro con la integración de Marketplace para quedarnos con una ganancia por cada mensaje.
- Checkout API: Los usuarios van a pagar desde nuestra plataforma y usando nuestros propios componentes, lo que permite tener una UI más adaptada a nuestras necesidades. Vamos a usar la librería de componentes de React de MercadoPago para poder pagar de manera segura y compliant.
- Configuración
- Clonar el repositorio: Como clonar el repositorio y correr las aplicaciones iniciales.
- Crear una aplicación en Mercado Pago: Como entrar al panel de desarrolladores de Mercado Pago y crear una aplicación.
- Cuentas de prueba: Como crear cuentas de prueba y usar tarjetas de prueba.
- Credenciales: Que son y que tipo de credenciales existen, cuando y como usarlas.
- Exponer un puerto públicamente: Como hacer que Mercado Pago se pueda comunicar con nuestra aplicación mientras corre en local, muy útil para recibir notificaciones de pago y suscripciones durante el desarrollo.
- Recibir notificaciones de pago y suscripciones: Como configurar un webhook en nuestra aplicación para recibir notificaciones de pago y suscripciones.
Si te gusta mi contenido, seguime en Twitter, en Twitch, en YouTube, doname un Cafecito o volvete sponsor en github ✨