Integramos pagos con Mercado Pago (Checkout Pro) a una aplicación Next.js

buena gente cómo están bueno primeros videos en YouTube exclusivamente para YouTube hoy vamos a ver cómo integrar pagos con mercado pago en la aplicación nextjs tenemos un video completo donde hicimos una aplicación desde cero y todo con mercado pago de hace un par de meses pero un par de cosas que cambiaron o par de cosas que hicimos diferente y hay algunas personas están teniendo algunos problemitas Así que hoy vamos a ver cómo hacer esto pero sin codear prácticamente nada yendo sobre una aplicación muy muy

sencilla que ya tenemos ciada y explicando qué tenemos que hacer para poder integrar los pagos y lo más importante vamos a ir en Cómo crear el proyecto en mercado pago Cómo configurarlo que creo que es la parte más difícil y en la que la mayoría de la gente tiene problema así que sin mucho más vamos a venir acá a la pantalla vamos a usar este repositorio que que creé como base lo voy a dejar en la descripción del video y tienen un rmi explicativo acerca de todo lo que vamos

a hacer hoy Así que si les queda alguna duda algo no se entiende acá nada van a ir ahí y listo en la parte de qué es lo que vamos a hacer esta es una aplicación muy muy sencilla que como les digo ya está funcionando en la que van a tener un listado de mensajes y ustedes van a poder poner acá Hola Qué onda envían y esto los va a mandar sí Esto no se preocupen no está corriendo no tengo las variables de ambiente

a eso vamos a ir y una vez que hacen eso les va a aparecer el mensaje nuevo acá abajo entonces vamos a ver cómo hacer que esta aplicación funcione Pero bueno una aplicación que muestra los listos de mensajes primer requisito Es bueno tener lo necesario para poder correr esta aplicación sea nojs un poco de conocimiento xs etcétera tener una cuenta mercado pago para que podamos crear la aplicación y poder exponer el puerto de nuestra aplicación en este caso el Porto 3000 a

internet para que mercado pago nos mande notificaciones cuando los pagos se procesan yo voy a estar usando BS codde Entonces ya tiene esta funcionalidad integrada pero en caso de que no la tenga pueden instalarlo sin BS code usar Cloud tunnel enck o lo que quieran Sí vamos a empezar por lo más difícil que es la parte de crear la aplicación merco pago y configurarlo para que funcione nuestra aplicación lo primero que tiene que hacer es entrar a la a la p de

Mercado p developers este link de acá y los va a traer algo como esto que es el panel de desarrolladores de mercpago vamos a ir y vamos a crear una nueva aplicación le vamos a dar un nombre yo le voy a poner video next mercado pago Qué tipo de solución de pago vamos a integrar pagos online estás utilizando una plataforma e-commerce no y qué producto está integrando y acá van a

tener bastantes opciones no voy a ir sobre cada una de estas pero les voy a decir que nosotros vamos a estar usando checkout Pro que es esta que básicamente nos permite crear una preferencia de pago y decirle al usuario que va a pagar fuera de nuestra plataforma a pagar directamente la página o la aplicación de Mercado pago seleccionamos checkout Pro le decimos que le regalamos todos nuestros datos personales seleccionamos un par de escaleras

y creamos la aplicación esperamos unos segundos no vamos a dar una Spin nada y nos va a llegar a la configuración de la aplicación esto básicamente nos muestra Cuál es el ID del usuario el número de la aplicación y un par de cosas más cuando queremos obtener las credenciales pruebas Sí porque cuando empecemos a desarrollar nuestra aplicación lo primero que vamos a querer hacer es no interactuar con pagos reales sino empezar a interactuar con con pago prueba