Módulo Web

El Kit de Inicio Web (apps/web-starter) reúne todos los componentes esenciales para un modelo de negocio SaaS clásico (Marketing, Blog, Panel de Control) bajo un mismo techo. En esta guía, aprenderás cómo comercializar el sistema y aprovechar las funciones avanzadas que ofrece el paquete Empire.

Módulo de Página de Aterrizaje (Landing Page)

Una primera impresión profesional afecta directamente las tasas de conversión. RapidCore te permite configurar páginas de aterrizaje de alto rendimiento en 10 minutos utilizando bloques de UI listos para usar.

Componentes Listos para Usar

• Hero: Títulos llamativos y áreas de CTA (Llamado a la Acción).
• Features: Un diseño de cuadrícula que enumera las funciones con iconos y descripciones.
• Pricing: Tablas de precios elegantes y dinámicas.
• FAQ: Una sección de estilo acordeón para preguntas frecuentes.

Personalización más Rápida con Tailwind v4

Usa las variables de Tailwind v4 en packages/ui/src/globals.css para personalizar tu tema. Por ejemplo, puedes cambiar tu color neón principal de la siguiente manera:

@theme {
  --color-brand: #a855f7; /* Púrpura Vibrante */
  --color-brand-muted: rgba(168, 85, 247, 0.1);
}

Estrategias de Pago y Suscripción

RapidCore cuenta con una arquitectura de pago híbrida que admite tanto ventas únicas como modelos de ingresos recurrentes.

Pago Único vs. Suscripción

• Paquete Starter: Utiliza un modelo de "pago por uso" o de pago único para herramientas pequeñas o productos digitales.
• Paquete Pro: Activa el modelo de suscripción mensual/anual para generar ingresos recurrentes.

Configuración del Portal del Cliente de Stripe

Usa el Portal del Cliente de Stripe para permitir que los usuarios suban de nivel o cancelen sus propios planes:

1. Configura el portal en el Panel de Control de Stripe > Configuración > Facturación > Portal del Cliente.
2. Actualiza el enlace de redirección en apps/web-starter/src/actions/billing.ts con tu clave.

Boletín Informativo (Newsletter) y Marketing

Un sistema de boletín integrado es vital para mantener una conexión con tu base de usuarios.

• Infraestructura: El paquete Pro viene con la integración de Resend o Mailgun para la distribución de boletines.
• Lead Magnet: Puedes empezar a recopilar correos electrónicos añadiendo el componente NewsletterForm en cualquier lugar de tu página de aterrizaje:

// Integración en la página de inicio
<NewsletterForm 
  title="No te pierdas las actualizaciones exclusivas" 
  buttonText="Suscríbete ahora" 
/>

Mercado y Afiliados (Exclusivo de Empire)

El paquete Empire ofrece herramientas para transformar tu SaaS en un ecosistema masivo.

Panel de Afiliados

Un panel de control donde los usuarios pueden crear sus propios enlaces de referencia y ganar comisiones por venta. El sistema de seguimiento basado en cookies sigue a los usuarios que llegan a través de enlaces de referencia durante 30 días.

Esquema de Pagos del Mercado

En el modelo de mercado, la división de ganancias entre los vendedores y la plataforma funciona de la siguiente manera:

graph LR
    A[Pago del Cliente] --> B{División de Stripe};
    B --> C[Vendedor 80%];
    B --> D[Comisión de la Plataforma 20%];
    D --> E[Fondo del Sistema];

Configuración Técnica

Variables de entorno críticas requeridas para activar todas las funciones del módulo Web:

# apps/web-starter/.env
STRIPE_SECRET_KEY="sk_live_..."
STRIPE_WEBHOOK_SECRET="whsec_..." # Crítico para confirmaciones de pago
RESEND_API_KEY="re_..." # Para la distribución de boletines
SANITY_PROJECT_ID="..." # Conexión a CMS Headless

Conexión a CMS Headless

Para gestionar el contenido de tu blog a través de Sanity o Strapi, configura el cliente de la API de la siguiente manera:

const client = createClient({
  projectId: process.env.SANITY_PROJECT_ID,
  dataset: "production",
  useCdn: true,
});