Función de monetización

Agrega Suscripciones a tu app React Native

Deja de gastar semanas integrando pagos. VibeFast incluye un sistema completo de suscripciones con RevenueCat, UI de paywall, comprobaciones de entitlements y backend: listo para monetizar desde el día uno.

😤 El problema

Implementar pagos en apps móviles es doloroso:

  • Apple y Google tienen APIs completamente diferentes
  • El ciclo de vida de suscripciones es complejo
  • La revisión de App Store exige patrones UI/UX específicos
  • Las pruebas requieren cuentas sandbox y builds especiales
  • Las comprobaciones de entitlements deben funcionar offline

Tiempo total: 2-4 semanas

✨ La solución de VibeFast

Todo está construido y probado:

  • RevenueCat maneja ambas plataformas automáticamente
  • Ciclo de vida de suscripción completo gestionado
  • UI de paywall conforme a App Store incluida
  • Modo sandbox con productos locales para pruebas
  • Caché de entitlements offline incluido

Tiempo total: 1 hora

Stack completo de pagos

No solo UI: integración completa desde el paywall hasta el backend.

Componentes de UI de paywall

Pantallas de paywall bonitas y personalizables con tarjetas de producto, precios y botones de compra listas para usar.

Comprobaciones de entitlements

Protege funciones premium con hooks simples. Comprueba el estado de suscripción en cualquier parte de la app.

Restaurar compras

Gestiona correctamente la restauración de compras para App Store y Play Store. Sin dolores.

Multiplataforma

Funciona en iOS y Android con RevenueCat. Una integración, ambas plataformas.

Configuración remota

Configura productos remotamente en el panel de RevenueCat. Cambia precios sin actualizar la app.

Listo para analíticas

Haz seguimiento de conversión, MRR y churn con el panel de analíticas de RevenueCat.

Qué incluye

Componente de pantalla de paywall con varios layouts
Tarjetas de producto con precios
UI de comparación de planes
Botón de compra con estados de carga
Flujo de restaurar compras
Hook de entitlements para bloquear funciones
Backend para historial de compras
Soporte de consumibles (créditos, tokens)
Soporte de período de prueba
Precio introductorio
Manejo de errores y fallbacks
Modo sandbox de pruebas

Integración simple

Agrega un paywall a tu app con pocas líneas de código.

PaywallScreen.tsx
import RevenueCatUI from 'react-native-purchases-ui';
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export default function UpgradeScreen() {
  const { isEntitled } = useEntitlement("premium");

  if (isEntitled) {
    return <Text>You're already a Pro member! 🎉</Text>;
  }

  // Use the native Paywall UI or VibeFast's custom UI
  return (
    <RevenueCatUI.Paywall
      onPurchaseCompleted={({ customerInfo }) => {
        console.log("Purchased!", customerInfo);
        router.replace("/home");
      }}
      onDismiss={() => router.back()}
    />
  );
}
GateFeature.tsx
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export function PremiumFeature() {
  const { isEntitled } = useEntitlement("premium_features");

  if (!isEntitled) {
    return <UpgradePrompt />;
  }

  return <ActualPremiumContent />;
}

VibeFast vs construir desde cero

FunciónVibeFastDesde cero
Integración RevenueCat2-3 días
Componentes de UI de paywall3-5 días
Comprobaciones de entitlements1-2 días
Restaurar compras1 día
Backend de historial de compras2-3 días
Manejo de errores1-2 días
Modo sandbox de pruebas1 día
Cumplimiento App StoreTiempo de investigación
Tiempo total1 hora2-4 semanas

Preguntas frecuentes

¿Soporta suscripciones en iOS y Android?

Sí. VibeFast usa RevenueCat, que maneja suscripciones de App Store y Google Play con una sola integración. Configuras los productos en RevenueCat y el SDK gestiona las diferencias automáticamente.

¿Necesito una cuenta de RevenueCat?

Sí, necesitas una cuenta de RevenueCat (tienen un plan gratuito generoso). VibeFast aporta la integración móvil y la UI, RevenueCat gestiona el cobro y las suscripciones. Para producción también necesitas cuentas de Apple Developer y Google Play Console.

¿Puedo personalizar el diseño del paywall?

Claro. Los componentes del paywall están construidos con uniwind (Tailwind para React Native) y son totalmente personalizables. Puedes cambiar colores, fuentes, layout, añadir testimonios o listas de beneficios, o rehacer la UI manteniendo la lógica de compra.

¿Cómo pruebo suscripciones antes de lanzar?

VibeFast incluye modo sandbox con productos locales para pruebas. También puedes usar el entorno sandbox de RevenueCat con cuentas de prueba de Apple y Google. El modo se controla por variables de entorno; cambiar a producción es solo configuración.

¿Qué pasa con compras consumibles como créditos o tokens?

VibeFast soporta consumibles vía backend (Convex o Supabase). Cuando un usuario compra créditos, el backend registra la compra y actualiza el balance. Los hooks incrementan al comprar y decrementan al usar.

¿Cómo manejo cambios o cancelaciones de suscripción?

RevenueCat envía webhooks de eventos de suscripción. VibeFast incluye funciones backend para recibirlos y actualizar entitlements en tiempo real. Cuando el usuario cancela, el acceso se revoca al final del período.

¿Listo para monetizar tu app?

Obtén VibeFast y empieza a cobrar esta semana.

Compra única. Actualizaciones de por vida. Licencia comercial incluida.