ShipFast
Marc Lou · Programación
ShipFast es una plantilla de Next.js de Marc Lou que ya trae pagos, acceso de usuarios, correo, base de datos y SEO conectados, así que puedes lanzar un SaaS o una herramienta de IA en días y no en semanas.
Acerca de ShipFast
About
Qué es ShipFast
ShipFast es una plantilla de código de pago para crear aplicaciones web con Next.js. No arrancas con una carpeta vacía: recibes una aplicación que ya funciona y tiene resuelta la parte aburrida. Una página de precios que cobra tarjetas, un flujo de acceso, un blog y correos que llegan a la bandeja de entrada. Al entrar al repositorio eliges JavaScript o TypeScript, y el enrutador app o pages.
El producto nace de un problema que se repite. Quien construye solo vuelve a montar lo mismo: webhooks de Stripe, registros DKIM, pantallas de consentimiento de Google OAuth, metadatos SEO, la conexión a la base de datos. Cada pieza cuesta una tarde. Juntas se comen el primer mes del proyecto, y ninguna hace que el producto sea distinto.
Ese es el intercambio que ofrece ShipFast, y viene con un límite claro. Es un kit de arranque para Next.js, no un creador de webs. Las funciones las sigues escribiendo tú en React, y conviene manejarse con Next.js. No hay versión alojada, ni plan gratuito, ni editor visual. Si buscas una aplicación terminada sin tocar código, esta no es la opción.
Cómo empezar
- Elige el plan Starter o All-in en shipfa.st y paga una sola vez. El acceso al repositorio llega justo después del cobro.
- Clona el repositorio en tu cuenta de GitHub y ábrelo en VS Code o en Cursor.
- Rellena las variables de entorno del sistema de pago, la base de datos y el servicio de correo. Los valores por defecto asumen Stripe, MongoDB y Mailgun, y cada pieza se cambia sin fricción.
- Sigue el tutorial que viene con la documentación. Cubre las claves de OAuth, los registros DNS del subdominio de envío y el primer despliegue en Vercel.
- Sustituye el texto de ejemplo y la tabla de precios por los tuyos, y cobra una prueba antes de anunciar nada.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de ShipFast.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Fundadores en solitario y creadores independientes
- Desarrolladores que aprenden Next.js moderno
- Equipos pequeños que lanzan un envoltorio de IA
Tareas
- Cobrar en un SaaS nuevo
- Añadir acceso con Google y enlaces mágicos
- Publicar un blog con etiquetas SEO correctas
Casos de uso
- Un MVP de fin de semana que tiene que cobrar dinero real el lunes
- Probar una idea antes de dejar el empleo
- Trabajo para clientes donde repites el mismo stack
Funciones clave
Pagos conectados con Stripe y Lemon Squeezy
El checkout, los webhooks de suscripción y el portal de facturación vienen enlazados de fábrica. Pegas tus claves, pones tus precios y el flujo responde. Las renovaciones, las tarjetas rechazadas y las cancelaciones las resuelven eventos de webhook que ya existen en el repositorio. Lemon Squeezy está disponible si prefieres no pelearte con las reglas fiscales de Stripe. Es la función que más mueve la compra, porque un fallo de pago cuesta ingresos de verdad.
Acceso con Google OAuth y enlaces mágicos
La plantilla trae dos caminos de entrada. Google OAuth cubre el caso habitual y los enlaces mágicos sirven para quien no quiere otra contraseña. El manejo de sesión, las rutas protegidas y la redirección posterior al acceso ya están escritos, así que el tiempo se va en el panel y no en la pantalla de login.
Correo transaccional que no cae en spam
ShipFast configura Mailgun o Resend con los registros DNS que deciden si tu correo llega a la bandeja: DKIM, DMARC y SPF en un subdominio de envío. También incluye un webhook para recibir y reenviar mensajes. Sin esos registros, un restablecimiento de contraseña acaba en spam y el usuario da por hecho que tu aplicación está rota.
Base de datos y rutas de API protegidas
MongoDB y Supabase están soportados, con la capa de conexión y modelos de ejemplo ya puestos. Las rutas de API traen un patrón de protección, de modo que una ruta que debería exigir sesión no responde a peticiones anónimas por descuido. Cambiar a Postgres supone tocar la capa de datos, no reescribir la aplicación.
SEO, blog y secciones de página de venta
Los ayudantes de metadatos, el sitemap, un blog con entradas en markdown y secciones reutilizables de precios, preguntas frecuentes y testimonios vienen incluidos. Copias una sección en una página nueva y sigue funcionando. Para un boilerplate para SaaS sobre Next.js, eso cubre las páginas que casi todo proyecto necesita el primer día.
Una base de código pensada para editores de IA
El repositorio mantiene las mismas convenciones de nombres, componentes y carga de datos de principio a fin, y eso da a Cursor o Copilot contexto real en lugar de suposiciones. Pides una función nueva y el código generado suele encajar con la estructura existente, así que revisas menos y publicas antes.
Ventajas y desventajas
Ventajas
- Un solo pago cubre proyectos ilimitados y actualizaciones de por vida, algo que pesa si lanzas a menudo.
- Las partes sin glamour están terminadas y probadas: webhooks, DNS del correo, retornos de OAuth y rutas protegidas.
- La estructura constante hace que los editores de IA rindan mucho más aquí que en un proyecto en blanco.
- La documentación recorre los pasos que suelen romperse, incluidos los registros del dominio de envío y el primer despliegue.
Desventajas
- No hay plan gratuito ni prueba, así que pagas antes de ver una línea del código.
- Está atado a Next.js. Si tu equipo trabaja en Vue, Svelte o React puro, la plantilla no te ahorra nada.
- El stack incluido empuja hacia proveedores concretos, y salir de ellos cuesta trabajo real aunque la documentación los llame independientes.
- Con precios desde $199, cuesta más que los kits gratuitos, y la diferencia solo se recupera si de otro modo perderías días en el montaje.
Preguntas frecuentes
Recibes un repositorio de Next.js con pagos, acceso, capa de base de datos, correo, blog, ayudantes de SEO y componentes de interfaz, además del tutorial escrito. El acceso incluye las versiones en JavaScript y en TypeScript y los dos estilos de enrutador, así que eliges uno después del pago.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con ShipFast.
Alternativas a ShipFast
Base Code
Base44 (Wix) · Programación · ProductividadBase Code es un entorno de desarrollo en la nube compartido de Base44. El equipo describe cambios sobre un repositorio de GitHub en el chat, los ve en una vista previa y los envía como pull requests.
Google EmbeddingGemma 2
Google DeepMind · Escritura · Imagen · ProgramaciónGoogle EmbeddingGemma 2 es un modelo abierto de 740 millones de parámetros que convierte texto, código, imágenes, audio y fotogramas de vídeo en vectores de un mismo espacio de 768 dimensiones, y funciona en móviles y portátiles.
GitGlow
GitGlow · Programación · ProductividadGitGlow es un cliente Git de escritorio que reúne tu código y los cambios de tus agentes de IA en una sola revisión, para que sepas qué va a salir de tu máquina antes de publicarlo.