Stack cloud para apps de IA — Maestría2 / 8
Next.js en Vercel — La capa de aplicación
Un framework para UI, API y renderizado en servidor; una plataforma que se despliega con git push. La capa de aplicación debería ser la parte en la que nunca pienses.
La capa de aplicación es donde vive la mayor parte de tu código, así que el objetivo es hacerla la parte en la que pienses menos. Next.js en Vercel te lleva ahí: UI, API y renderizado en un framework, desplegado con push.
Un framework, tres funciones
- Server Components obtienen datos y renderizan en el servidor — sin llamada API separada para datos de página.
- Route handlers (
app/api/*) son tus endpoints de backend: checkout, webhooks, proxies de LLM. - Streaming te permite enviar tokens al navegador mientras el modelo genera — UX esencial para IA.
Streaming de una respuesta LLM
Para cualquier cosa generativa, haz streaming. Un route handler devuelve un ReadableStream; el cliente renderiza tokens conforme llegan. Los usuarios toleran una respuesta completa lenta mucho menos que una en streaming rápida.
Edge vs. Node
- Edge — baja latencia, distribuido globalmente, pero un runtime limitado (sin APIs completas de Node).
- Node — APIs completas (la mayoría de SDKs, operaciones de archivo), cold-start ligeramente superior.
Por defecto, usa Node para rutas de LLM y BD (compatibilidad de SDK); usa Edge para endpoints ligeros y sensibles a latencia.
Siguiente: la capa de datos que la respalda — Supabase.
Serie — Stack cloud para apps de IA — Maestría
- Parte 01The Opinionated AI Product StackElegir infraestructura es donde desaparecen las semanas. Aquí hay un stack predeterminado que permite a un equipo pequeño enviar un producto de IA en días — y cuándo desviarse.
- Parte 02Next.js en Vercel — La capa de aplicación — estás aquíUn framework para UI, API y renderizado en servidor; una plataforma que se despliega con git push. La capa de aplicación debería ser la parte en la que nunca pienses.
- Parte 03Supabase — Postgres, Auth & Storage in OneReal Postgres, auth, file storage and pgvector behind one SDK. For an AI product, having your data and your vectors in the same database is a quiet superpower.
- Parte 04Stripe — Payments & SubscriptionsCharging money is a solved problem — if you let Stripe solve it. Checkout, subscriptions, and the webhook that is the real source of truth.
- Parte 05Resend — Email Transaccional Que LlegaEl recibo, el enlace de descarga, el restablecimiento de contraseña — si llegan a spam, tu producto se siente roto. La entregabilidad es una característica.
- Parte 06AWS — Cuando Superas el Camino GestionadoLa pila gestionada cubre el 90% de un producto de IA. AWS es la puerta de escape para el otro 10% — trabajos largos, inferencia con GPU, archivos grandes. Úsalo de forma quirúrgica.
- Parte 07Secretos, Variables de Entorno y Configuración en Múltiples AmbientesCinco servicios, tres ambientes, una clave filtrada y te espera una semana complicada. La disciplina en configuración es unglamurosa e innegociable.
- Parte 08Shipping in Days — The Wiring PlaybookThe whole stack assembled into a build order: from empty repo to a paid, emailing, AI-powered product in a working week.