Integramos suscripciones con Mercado Pago a una aplicación Next.js

Hola gente cómo andan Bueno hoy vamos a aprender a cómo integrar suscripciones de Mercado pago a nuestras aplicaciones nextjs vamos a venir acá a la pantalla vamos a tener este repositorio que lo voy a dejar acá en la descripción del video en el que no solamente incluye Cómo hacer la integración de suscripciones a aplicaciones nextjs sino que cubre otr otras cosas como checkout Pro tenemos un pequeño video acerca de esto acá en el canal y también tenemos checkout bricks y marketplace que todavía no están en el canal A menos que

vengas del futuro y si ustedes quisieran implementar cualquiera de estos métodos de pago no es necesario que vean el video pueden venir al repositorio entrar a estos tutoriales de manera independiente y hacerlo por su cuenta pero el video va a ser una ayuda visual a cómo pueden hacer cada uno de los pasos por ejemplo vamos a venir acá suscripciones que es lo que nos interesa hoy y vamos a tener una serie de pasos sobre cómo implementar esto desde cero

cada una de las aplicaciones viene con una o cada uno de los tutoriales viene con una aplicación inicial que podemos clonar y básicamente ya tiene todo listo y funcionando pero necesitamos configurar mercado pago crear nuestras aplicaciones cuenta de prueba etcétera para poder cargar las credenciales configurarlas y que funcionen como nosotros queremos Así que vamos a hacer eso la parte más complicada es este párrafo que tenemos acá que es todo lo que tenemos que configurar para que

nuestra aplicación funcione en este documento Vamos a aprender Cómo usar suscripciones sin plan asociado con pago pendiente que es un nombre muy largo para algo dentro de todo bastante sencillo suscripciones sin plan asociado significa que las suscripciones no fueron creadas previamente s que las creamos a la hora de querer suscribir a un usuario hay suscripciones con plan asociado que podríamos crear de antemano

pero tienen algunas cosas que lo tienen detallado acá no nos sirve muy bien para para el caso de uso habitual de una aplicación y con pago pendiente significa que en el momento que nosotros creamos esta suscripción no le estamos cobrando al usuario sino que simplemente definimos Cómo debería ha nuestra suscripción cuánto tiempo debería durar Cuál es el precio etcétera y nos va a dar un link de pago una URL de pago a la que vamos a redirigir al usuario para que

de pagar Sí para que vaya mercado pago en la web o en la aplicación y pueda pagar Entonces lo primero que tenemos que hacer es clonar este repositorio este proyecto de prueba para poder iniciar tenemos un pequeño documento acá que nos dice cómo hacerlo básicamente tenemos unos prerrequisitos de tener git instalado un algún editor que por suerte ya lo tengo y lo primero que tenemos que hacer es correr este Comando para clonar el repositorio vamos a ir a nuestra carpeta de proyectos y voy a correr esto

y le voy a decir YouTube next mercado pago porque obviamente yo esa carpeta Ah bueno esta también la tengo e Bueno vamos a decirle YouTube next mercado pago bien esta no la tenía ahora lo próximo que tenemos que hacer es entrar a esa carpeta Así que yo voy a hacer CD YouTube next mercado pago y una vez que estamos ahí

adentro cada una de las integraciones que tiene este repositorio tiene su propia aplicación para iniciar yo voy a querer instalar las suscripciones o sea integrar las suscripciones Así que voy a hacer s integración suscripciones y acá dentro deberíamos tener todos los archivos necesarios para mi proyectito inicial si instalamos las dependencias Sí ustedes pueden hacer npm instal yo estoy usando pnpm así que le voy a dar pnpm instal