Stack cloud para apps de IA — Maestria2 / 8
Next.js no Vercel — A Camada de App
Um framework para UI, API e server rendering; uma plataforma que faz deploy no git push. A camada de app deve ser a parte em que você nunca pensa.
A camada de app é onde a maior parte do seu código vive, então o objetivo é torná-la a parte em que você pensa menos. Next.js no Vercel te leva lá: UI, API e rendering em um único framework, com deploy no push.
Um framework, três funções
- Server Components buscam dados e renderizam no servidor — sem chamada de API separada para dados da página.
- Route handlers (
app/api/*) são seus endpoints de backend: checkout, webhooks, LLM proxies. - Streaming permite enviar tokens para o navegador conforme o modelo gera — UX essencial para IA.
Streaming de uma resposta LLM
Para qualquer coisa generativa, faça stream. Um route handler retorna uma ReadableStream; o cliente renderiza tokens conforme chegam. Usuários toleram uma resposta completa lenta muito menos do que uma streaming rápida.
Edge vs. Node
- Edge — baixa latência, distribuição global, mas runtime limitado (sem APIs Node completas).
- Node — APIs completas (maioria dos SDKs, operações de arquivo), cold-start ligeiramente maior.
Padrão Node para rotas LLM e DB (compatibilidade SDK); use Edge para endpoints leves e sensíveis à latência.
Proximar: a camada de dados que o respalda — Supabase.
Série — Stack cloud para apps de IA — Maestria
- Parte 01A Pilha de Produtos IA com OpiniãoEscolher infraestrutura é onde semanas desaparecem. Aqui está uma pilha padrão que permite a um pequeno time entregar um produto IA em dias — e quando desviar.
- Parte 02Next.js no Vercel — A Camada de App — você está aquiUm framework para UI, API e server rendering; uma plataforma que faz deploy no git push. A camada de app deve ser a parte em que você nunca pensa.
- 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 Transacional Que ChegaO recibo, o link de download, a redefinição de senha — se caírem no spam, seu produto parece quebrado. Entregabilidade é um recurso.
- Parte 06AWS — When You Outgrow the Managed PathThe managed stack covers 90% of an AI product. AWS is the escape hatch for the other 10% — long jobs, GPU inference, large files. Use it surgically.
- Parte 07Secrets, Env & Config Across EnvironmentsFive services, three environments, one leaked key away from a bad week. Config discipline is unglamorous and non-negotiable.
- 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.