Lleva tu SaaS
hasta el edge.
Un starter completo y listo para producción para crear aplicaciones SaaS en Cloudflare Workers. Autenticación, base de datos, facturación, correo y herramientas de administración ya están integradas — clónalo y despliega a nivel global en minutos.
// todo el stack, ya montado
Plataforma Cloudflare
- Workers
- D1
- KV
- R2
- Images
- Queues
- Turnstile
Framework de la app
- Next.js via Vinext
- React Server Components
- Drizzle ORM
- Lucia Auth
- Tailwind CSS
- Stripe
// qué incluye
Olvídate del código repetitivo. Construye el producto.
Cada parte no diferenciadora de un SaaS ya está aquí y probada. Abre el repositorio y empieza a escribir el código que solo tu producto necesita.
Autenticación resuelta
Inicio y registro con correo y contraseña, restablecimiento de contraseña y sesiones con Lucia Auth — además de passkeys y OAuth de Google.
Base de datos y correo
Drizzle ORM sobre Cloudflare D1, sesiones respaldadas por KV y correo transaccional enviado directamente desde el Worker.
Desplegado en el edge
Publica en Cloudflare Workers y sirve desde más de 330 ciudades sin arranques en frío. Un solo comando lo lleva a producción.
Runtime moderno
Next.js App Router y React Server Components ejecutándose sobre Vinext y Vite para un ciclo de desarrollo instantáneo.
Facturación incluida
Las suscripciones de Stripe por equipo con un Payment Element integrado ya están listas, para que puedas cobrar a tus clientes sin empezar de cero.
Un sistema de diseño real
Tailwind CSS con componentes de Shadcn y Base UI, modo oscuro y diseños responsivos listos para ampliar.
Equipos y administración
Equipos multiinquilino, control de acceso por roles y un panel de administración para gestionar usuarios y contenido desde el primer momento.
Experiencia de desarrollo
TypeScript de principio a fin, Oxlint, un CMS para blog y documentación, y despliegues con GitHub Actions que no tendrás que escribir.
Un comando para clonarlo.
Tuyo para lanzarlo.
Gratis y de código abierto. Sin cuotas de licencia ni atribución obligatoria. Bifúrcalo, renómbralo y hazlo tuyo.
git clone https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template.git// preguntas frecuentes
Preguntas resueltas
¿Sigues con dudas? El README cubre todo lo demás, y los issues siempre están abiertos.
Sí, esta plantilla es completamente gratuita y de código abierto. Puedes usarla tanto en proyectos personales como comerciales sin ningún costo de licencia. Puedes bifurcarla, copiarla, modificarla y distribuirla como quieras, sin restricciones ni necesidad de atribución.
La plantilla incluye un conjunto completo de funcionalidades:
- Autenticación con correo y contraseña, y flujo de recuperación de contraseña
- Integración de base de datos con Drizzle ORM y Cloudflare D1
- Servicio de correo impulsado por Cloudflare Email Service
- Componentes de interfaz modernos de Shadcn UI y Tailwind CSS
- Validación de formularios y manejo de errores
- Soporte para modo oscuro
- Diseño responsivo
- TypeScript en toda la base de código
- Despliegues automatizados con GitHub Actions
- Integración de captcha con Turnstile
- Optimización SEO con Next.js
- Y muchas otras funcionalidades más...
La plantilla utiliza tecnologías modernas y fiables:
- Next.js App Router con React Server Components a través de Vinext y Vite
- TypeScript para seguridad de tipos
- Tailwind CSS y Shadcn UI para el estilo
- DrizzleORM con Cloudflare D1 para la base de datos
- Lucia Auth para la autenticación
- Cloudflare Workers para el despliegue sin servidor
- Cloudflare KV para el almacenamiento de sesiones
- Cloudflare Email Service para correo transaccional
El despliegue está automatizado con GitHub Actions. Necesitarás:
- Crear los namespaces de Cloudflare D1 y KV
- Configurar tu dominio de envío en Cloudflare Email Service
- Habilitar Cloudflare Images para la optimización de imágenes
- Configurar Turnstile para el captcha
- Añadir tu token de API de Cloudflare a los secretos de GitHub
- Hacer push a la rama main
El proceso de despliegue está totalmente documentado en el repositorio de GitHub.
Necesitarás una cuenta de Cloudflare (el plan gratuito es suficiente), Node.js instalado localmente y conocimientos básicos de React y TypeScript. La plantilla incluye documentación detallada para guiarte durante la configuración.
También puedes consultar la documentación para más información.
Tenemos una hoja de ruta muy interesante por delante. Las funcionalidades planeadas incluyen:
- Soporte multi-idioma (i18n)
- Facturación y procesamiento de pagos
- Panel de administración
- Verificación de correo al registrarse
- Sistema de notificaciones
- Soporte para webhooks
- Funcionalidades de colaboración en equipo
- Actualizaciones en tiempo real
- Panel de análisis
Las plantillas de correo transaccional son renderizadas por la aplicación y enviadas a través de Cloudflare Email Service desde el Worker.
Antes de desplegar a producción, deberías:
- Actualizar los detalles del proyecto en
src/constants.ts - Modificar el pie de página en
src/components/footer.tsx - Opcionalmente, actualizar la paleta de colores en
src/app/globals.css
¡Las contribuciones son bienvenidas! No dudes en abrir issues, enviar pull requests o ayudar a mejorar la documentación en GitHub. El proyecto sigue las guías estándar de contribución de código abierto.