Stack cloud pour applis IA — Maîtrise2 / 8
Next.js sur Vercel — La couche applicative
Un framework pour l'UI, l'API et le rendu serveur ; une plateforme qui déploie au git push. La couche applicative est celle à laquelle vous ne devez jamais penser.
La couche applicative est l'endroit où vit la majorité de votre code, donc l'objectif est de la rendre la partie à laquelle vous pensez le moins. Next.js sur Vercel vous y amène : UI, API et rendu dans un seul framework, déployés au push.
Un framework, trois missions
- Server Components récupèrent les données et rendent sur le serveur — pas d'appel API séparé pour les données de la page.
- Route handlers (
app/api/*) sont vos endpoints backend : checkout, webhooks, proxies LLM. - Streaming vous permet d'envoyer les tokens au navigateur au fur et à mesure que le modèle génère — UX essentielle pour l'IA.
Streamer une réponse LLM
Pour tout ce qui est génératif, streamez. Un route handler retourne un ReadableStream ; le client rend les tokens à leur arrivée. Les utilisateurs tolèrent bien moins une réponse complète lente qu'une réponse streamée rapide.
Edge vs. Node
- Edge — latence faible, distribuée globalement, mais runtime limité (pas d'APIs Node complètes).
- Node — APIs complètes (la plupart des SDKs, opérations fichier), cold-start légèrement plus élevé.
Par défaut, utilisez Node pour les routes LLM et DB (compatibilité SDK) ; utilisez Edge pour les endpoints légers et sensibles à la latence.
Suivant : la couche données qui la soutient — Supabase.
Série — Stack cloud pour applis IA — Maîtrise
- Partie 01La pile technologique IA pragmatiqueChoisir une infrastructure, c'est où disparaissent les semaines. Voici une pile par défaut qui permet à une petite équipe de livrer un produit IA en quelques jours — et quand s'en écarter.
- Partie 02Next.js sur Vercel — La couche applicative — vous êtes iciUn framework pour l'UI, l'API et le rendu serveur ; une plateforme qui déploie au git push. La couche applicative est celle à laquelle vous ne devez jamais penser.
- Partie 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.
- Partie 04Stripe — Payments & SubscriptionsFacturer de l'argent est un problème résolu — si vous laissez Stripe le résoudre. Checkout, abonnements, et le webhook qui est la véritable source de vérité.
- Partie 05Resend — Email transactionnel qui arriveLe reçu, le lien de téléchargement, la réinitialisation de mot de passe — s'ils finissent en spam, votre produit semble cassé. La délivrabilité est une fonctionnalité.
- Partie 06AWS — Quand vous dépassez la voie managéeLa stack managée couvre 90 % d'un produit IA. AWS est l'échappatoire pour les 10 % restants — les jobs longs, l'inférence GPU, les gros fichiers. Utilisez-le de manière chirurgicale.
- Partie 07Secrets, Env & Config Across EnvironmentsFive services, three environments, one leaked key away from a bad week. Config discipline is unglamorous and non-negotiable.
- Partie 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.