Skip to content

quickstart-es.md

Latest commit

 

History

History
142 lines (91 loc) · 5.67 KB

quickstart-es.md

File metadata and controls

142 lines (91 loc) · 5.67 KB

vibefast.app Guía de Inicio Rápido

English · 繁中 · 日本語 · Español · Português (BR)

Actualizado: Marzo 2026
Tiempo de lectura: ~5 minutos

De clonar a producción en 3 comandos

git clone https://github.com/vibefast-app/vibefast.git my-app
cd my-app && npm install
npm run setup

Eso es todo.

npm run setup es el núcleo de la experiencia de la vibefast.app template. Maneja automáticamente todo lo que de otra forma harías manualmente:

  • Iniciar sesión en Cloudflare y verificar tu cuenta
  • Crear una base de datos D1, ejecutar el SQL de bootstrap, construir todas las tablas automáticamente
  • Generar un secreto JWT y escribirlo en el entorno de Workers
  • Desplegar simultáneamente el frontend (Remix) y el backend (Workers API) a producción

Cuando el terminal termine, verás dos URLs en vivo — una para el frontend, otra para la API del backend. Tu app ya está corriendo en la red global de Cloudflare con más de 300 ubicaciones.

Requisitos

Antes de empezar, asegúrate de tener:

  • Node.js 20+
  • npm 10+
  • Una cuenta de Cloudflare (el plan gratuito es suficiente)
  • Usuarios de macOS: jq instalado (brew install jq)

¿No tienes cuenta de Cloudflare? Regístrate gratis aquí — no se requiere tarjeta de crédito.

¿Quieres verlo funcionando primero?

No tienes que confiar en la descripción.

vibefast.app está construido completamente con la vibefast.app template — la página de marketing, blog, página de precios, login de usuarios y live backend son todas funciones reales de esta plantilla corriendo en producción.

Regístrate con una cuenta gratuita y una vez que inicies sesión, podrás explorar:

  • Analytics dentro del live backend
  • Flujos de Blog y Media funcionando en el sitio en producción
  • Vistas sample de Business y User en limited-access mode
  • Tu número de registro — qué usuario eres

El flujo de autenticación que acabas de experimentar, la UI del live backend y la velocidad de la página — eso es exactamente lo que compras. No es un demo. Es real.

vibefast.app traffic analytics dashboard

Lo que puedes hacer en la primera hora

La vibefast.app template está diseñada con un objetivo: los compradores deben poder ir desde la configuración hasta una app personalizada y en vivo en su primera hora.

0–10 minutos: Instalar y desplegar

npm install
npm run setup

Cuando termine, tendrás:

  • Una app web completa corriendo en Cloudflare
  • Una base de datos D1 con tablas de usuarios, posts y pedidos ya creadas
  • Workers de frontend y backend en producción
  • Una URL que puedes abrir ahora mismo

10–15 minutos: Desarrollo local

npm run dev

Un comando inicia frontend y backend. Abre la URL local que aparece en tu terminal y verás:

  • Una página de marketing completa
  • Una página de precios
  • Un sistema de blog
  • Registro e inicio de sesión de usuarios
  • Un punto de entrada al live backend

No son pantallas de placeholder. Cada función está conectada y funcionando.

vibefast.app signup flow

15–40 minutos: Stripe, Resend y branding

Agrega tu API key de Stripe y tu API key de Resend a la configuración, ejecuta npm run deploy, luego:

  1. Registra una cuenta con tu email de administrador configurado
  2. Abre /admin y confirma que puedes acceder al live backend
  3. Ejecuta un pago de prueba con Stripe y confirma que el webhook se activa
  4. Confirma que tanto el email de confirmación de compra como la notificación al admin lleguen

Cuando el flujo de extremo a extremo funcione, tu app está lista.

El branding es directo — la vibefast.app template centraliza todo el texto que querrás cambiar en un solo archivo de configuración: nombre del sitio, dominio, texto de precios, texto de la página principal, configuración SEO. Cámbialos, ejecuta npm run deploy, todo se actualiza.

vibefast.app blog editor

Referencia de comandos

Comando Qué hace
npm run setup Configuración inicial: crea la base de datos, genera secreto, despliega Workers
npm run dev Inicia desarrollo local (frontend + backend simultáneamente)
npm run deploy Despliega a producción (frontend + backend simultáneamente)
npm run deploy:frontend Despliega solo el frontend
npm run deploy:backend Despliega solo el backend
npm run build Construye todos los paquetes
npm run typecheck Verificación de tipos TypeScript en todo el proyecto

¿Quieres profundizar en la arquitectura?

¿Listo?

Early bird $99 — el precio sube a $199 el 1 de agosto de 2026.
Pago único. Acceso de por vida. Repositorio privado en GitHub. Todas las actualizaciones futuras incluidas.

👉 vibefast.app