Todo lo que necesitas para empezar
Guías completas, ejemplos de código y buenas prácticas para ayudarte a construir y lanzar tu SaaS más rápido con nuestro boilerplate Next.js + Supabase.
Primeros Pasos
Instalación y Setup
Clona el repositorio, instala las dependencias y configura tus variables de entorno para tener tu ambiente de desarrollo corriendo en minutos.
Configuración
Configura Supabase, Stripe, proveedores de autenticación y todas las integraciones necesarias con instrucciones paso a paso.
Primeros Pasos
Aprende la estructura del proyecto, entiende la organización de carpetas y empieza a construir tus primeras funcionalidades con confianza.
Recursos Principales
Autenticación
Supabase Auth con Google OAuth, magic links y autenticación por email/password. Incluye gestión de sesión y rutas protegidas.
Base de Datos y Storage
Base PostgreSQL con políticas Row Level Security, migraciones automáticas y almacenamiento de archivos con optimización de imágenes.
Integración de Pagos
Integración completa con Stripe, gestión de suscripciones, webhooks y portal del cliente para procesamiento de pagos.
Internacionalización
Soporte a múltiples idiomas con next-intl, detección automática de locale y gestión fácil de traducciones para alcance global.
Guías Paso a Paso
Integración Supabase
Guía completa para usar Supabase para autenticación, queries a la base, suscripciones en tiempo real y storage.
Configuración de Stripe
Configura productos, precios, webhooks e implementa la lógica de suscripción de Stripe con buenas prácticas.
Guía de Deploy
Publica tu aplicación en Vercel con CI/CD automático, variables de entorno y optimizaciones para producción.
Personalización
Aprende a personalizar el design system, agregar nuevos recursos y adaptar el boilerplate a tus necesidades.
Ejemplo Rápido de Código
Aquí tienes un ejemplo simple de cómo usar la autenticación de Supabase en tu aplicación:
// Example: Using Supabase Auth
import { createClient } from '@/app/lib/supabase/client'
const supabase = createClient()
// Sign in with Google
const { data, error } = await supabase.auth.signInWithOAuth({
provider: 'google',
options: {
redirectTo: `${window.location.origin}/auth/callback`
}
})
// Get current user
const { data: { user } } = await supabase.auth.getUser()
// Sign out
await supabase.auth.signOut()¿Listo para construir tu SaaS?
Obtén acceso instantáneo al boilerplate completo y empieza a entregar más rápido hoy.
Empezar Ahora