# Lleva tu SaaS hasta el edge. Una plantilla SaaS moderna creada con Next.js 16 y Cloudflare Workers, diseñada para escalar y rendir al máximo. Source: https://nextjs-saas-template.lubomirgeorgiev.com/es Index: https://nextjs-saas-template.lubomirgeorgiev.com/llms.txt 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. [Danos una estrella en GitHub](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template) [Prueba la demo en vivo](https://nextjs-saas-template.lubomirgeorgiev.com/es/sign-in) \~/your-saas — deploy $ // 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. auth ### 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. data ### Base de datos y correo Drizzle ORM sobre Cloudflare D1, sesiones respaldadas por KV y correo transaccional enviado directamente desde el Worker. edge ### 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 ### Runtime moderno Next.js App Router y React Server Components ejecutándose sobre Vinext y Vite para un ciclo de desarrollo instantáneo. billing ### 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. ui ### Un sistema de diseño real Tailwind CSS con componentes de Shadcn y Base UI, modo oscuro y diseños responsivos listos para ampliar. teams ### 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. dx ### 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` [Danos una estrella en GitHub](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template) [Explora la demo](https://nextjs-saas-template.lubomirgeorgiev.com/es/sign-in) // preguntas frecuentes ## Preguntas resueltas ¿Sigues con dudas? El README cubre todo lo demás, y los issues siempre están abiertos. ### ¿Esta plantilla es realmente gratis? Sí, esta plantilla es completamente gratuita y de [código abierto](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template). 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. ### ¿Qué funcionalidades incluye? 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... ### ¿Cuál es el stack tecnológico? 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 ### ¿Cómo despliego mi aplicación? El despliegue está automatizado con GitHub Actions. Necesitarás: 1. Crear los namespaces de Cloudflare D1 y KV 2. Configurar tu dominio de envío en Cloudflare Email Service 3. Habilitar Cloudflare Images para la optimización de imágenes 4. Configurar Turnstile para el captcha 5. Añadir tu token de API de Cloudflare a los secretos de GitHub 6. Hacer push a la rama main El proceso de despliegue está totalmente documentado en el [repositorio de GitHub](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template). ### ¿Qué necesito para empezar? 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](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template/blob/main/README.md) para más información. ### ¿Cuáles son las próximas funcionalidades? 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 ### ¿Cómo se gestionan las plantillas de correo? Las plantillas de correo transaccional son renderizadas por la aplicación y enviadas a través de Cloudflare Email Service desde el Worker. ### ¿Cómo personalizo la plantilla? 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` ### ¿Cómo puedo contribuir? ¡Las contribuciones son bienvenidas! No dudes en abrir issues, enviar pull requests o ayudar a mejorar la documentación en [GitHub](https://github.com/LubomirGeorgiev/cloudflare-workers-nextjs-saas-template). El proyecto sigue las guías estándar de contribución de código abierto.