Funcionalidade de monetização

Adicione Assinaturas ao seu app React Native

Pare de gastar semanas integrando pagamentos. A VibeFast inclui um sistema completo de assinaturas com RevenueCat, UI de paywall, checagem de entitlements e backend, pronto para monetizar desde o dia um.

😤 O problema

Implementar pagamentos em apps móveis é notoriamente doloroso:

  • Apple e Google têm APIs completamente diferentes
  • O ciclo de vida das assinaturas é complexo
  • A revisão da App Store exige padrões específicos de UI/UX
  • Testes exigem contas sandbox e builds especiais
  • Checagens de entitlement precisam funcionar offline

Tempo total: 2-4 semanas

✨ A solução da VibeFast

Tudo já está construído e testado:

  • RevenueCat cuida das duas plataformas automaticamente
  • Ciclo de vida de assinatura completo já gerenciado
  • UI de paywall compatível com App Store incluída
  • Modo sandbox com produtos locais para testes
  • Cache de entitlements offline incluído

Tempo total: 1 hora

Stack completo de pagamentos

Não é só UI: integração completa do paywall ao backend.

Componentes de UI de paywall

Telas de paywall bonitas e customizáveis com cards de produto, preços e botões de compra prontos para usar.

Checagens de entitlement

Proteja recursos premium com hooks simples. Verifique o status da assinatura em qualquer parte do app.

Restaurar compras

Lide corretamente com fluxos de restauração para App Store e Play Store. Sem dor de cabeça.

Multiplataforma

Funciona em iOS e Android com RevenueCat. Uma integração, duas plataformas.

Configuração remota

Configure produtos remotamente no painel da RevenueCat. Mude preços sem atualizar o app.

Pronto para analytics

Acompanhe conversão, MRR e churn com o painel de analytics da RevenueCat.

O que está incluído

Componente de tela de paywall com múltiplos layouts
Cards de produto com exibição de preços
UI de comparação de planos
Botão de compra com estados de carregamento
Fluxo de restaurar compras
Hook de entitlement para bloquear recursos
Backend para histórico de compras
Suporte a consumíveis (créditos, tokens)
Suporte a período de teste
Exibição de preço introdutório
Tratamento de erros e fallbacks
Modo sandbox de testes

Integração simples

Adicione um paywall ao seu app com poucas linhas 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 do zero

FuncionalidadeVibeFastDo zero
Integração RevenueCat2-3 dias
Componentes de UI de paywall3-5 dias
Checagens de entitlement1-2 dias
Restaurar compras1 dia
Backend de histórico de compras2-3 dias
Tratamento de erros1-2 dias
Modo sandbox de testes1 dia
Conformidade com App StoreTempo de pesquisa
Tempo total1 hora2-4 semanas

Perguntas frequentes

Suporta assinaturas em iOS e Android?

Sim. A VibeFast usa RevenueCat, que gerencia assinaturas da App Store e Google Play com uma única integração. Você configura os produtos na RevenueCat e o SDK lida com as diferenças automaticamente.

Preciso de uma conta na RevenueCat?

Sim, você precisa de uma conta RevenueCat (eles têm um bom plano gratuito). A VibeFast fornece a integração mobile e a UI, enquanto a RevenueCat cuida do processamento de pagamentos e da gestão de assinaturas. Para produção, você também precisa de contas Apple Developer e Google Play Console.

Posso personalizar o design do paywall?

Com certeza. Os componentes de paywall são feitos com uniwind (Tailwind para React Native) e são totalmente customizáveis. Você pode alterar cores, fontes, layout, adicionar depoimentos, listas de benefícios ou refazer a UI mantendo a lógica de compra.

Como testo assinaturas antes de lançar?

A VibeFast inclui um modo sandbox com produtos locais para testes. Você também pode usar o ambiente sandbox da RevenueCat com contas de teste da Apple e do Google. O modo é controlado por variáveis de ambiente, então mudar para produção é só configuração.

E compras consumíveis como créditos ou tokens?

A VibeFast suporta consumíveis via backend (Convex ou Supabase). Quando o usuário compra créditos, o backend registra a compra e atualiza o saldo. Os hooks incrementam na compra e decrementam no uso.

Como lido com mudanças e cancelamentos de assinatura?

A RevenueCat envia webhooks de eventos de assinatura. A VibeFast inclui funções de backend para recebê-los e atualizar entitlements em tempo real. Quando o usuário cancela, o acesso é revogado ao final do período de cobrança.

Pronto para monetizar seu app?

Pegue a VibeFast e comece a receber pagamentos nesta semana.

Compra única. Atualizações vitalícias. Licença comercial incluída.