Suscripciones

Crear un Proyecto

Después de iniciar sesión, crea un proyecto en Stripe.

Obtener la Clave API de Stripe

En el modo "Desarrollador", ve a "Claves API" y copia la clave secreta.

Paste it into your .env file.

STRIPE_API_KEY = sk_your_secret_key

Configurar Webhook de Stripe

Crea un webhook para gestionar eventos de Stripe dentro de tu aplicación.

1. Crear Punto Final del Webhook: Ve a tu panel de control de Stripe y navega a "Desarrolladores" > "Webhooks". Haz clic en "Agregar punto final" para crear un nuevo webhook.

2. Configurar Webhook: Ingresa la URL del punto final donde Stripe enviará los eventos. Esta URL debe apuntar a una ruta en tu aplicación que pueda manejar los eventos del webhook de Stripe.

3. Seleccionar Eventos: Elige los eventos para los que deseas recibir notificaciones. Los eventos comunes incluyen checkout.session.completed, customer.subscription.updated, invoice.payment_succeeded, etc.

4. Obtener Secreto de Firma del Webhook: Después de configurar el webhook, Stripe generará un secreto de firma. Copia este secreto y pégalo en tu archivo .env como STRIPE_WEBHOOK_SECRET.

STRIPE_WEBHOOK_SECRET = whsec_your_secret_webhook

Crear Tarjetas de Precios

Crea tarjetas de precios para obtener los IDs de precios tanto para planes mensuales como anuales.

1. Navega a Productos: En tu panel de control de Stripe, ve a "Productos" > "Crear Producto". Ingresa los detalles de tu producto de suscripción, como nombre, descripción y precio.

2. Crea Planes de Precios: Una vez creado el producto, ve a la sección "Precios" y haz clic en "Agregar plan de precios". Configura los detalles de tu plan de precios, incluyendo el monto, la moneda, el intervalo de facturación (mensual o anual) y cualquier otra información relevante.

3. Obtén los IDs de Precios: Después de crear los planes de precios, Stripe generará IDs de precio únicos para cada plan. Estos IDs se utilizan para identificar el plan de precios específico al crear suscripciones. Copia los IDs de precio tanto para los planes mensuales como anuales y pégalos en tu archivo .env de la siguiente manera:

NEXT_PUBLIC_STRIPE_PRO_MONTHLY_PLAN_ID = price_FaKeId
NEXT_PUBLIC_STRIPE_PRO_YEARLY_PLAN_ID = price_FaKeId
 
NEXT_PUBLIC_STRIPE_BUSINESS_MONTHLY_PLAN_ID = price_FaKeId
NEXT_PUBLIC_STRIPE_BUSINESS_YEARLY_PLAN_ID = price_FaKeId

Ensure that you replace price_FaKeId with the actual price IDs generated by Stripe for your pricing plans.