Ship your app and plan for growth.

Deploy and Scaling

Written by: Marlon Colca
Posted on 14 Sep 2025 - 20 days ago
nextjs typescript clones

Ship your app and plan for growth.


Objetivo: publicar la app y planificar crecimiento.

Despliegue en Vercel 🚀

  1. Sube el repo a GitHub/GitLab.
  2. Importa en Vercel y despliega (Next.js es zero‑config).
  3. Mueve los videos grandes a un bucket/CDN.

CDN y medios ☁️

  • Opciones: S3+CloudFront, Cloudflare R2+CDN, GCS+Cloud CDN.
  • Referencia los videos por HTTPS en movies.json.
  • Configura CORS si vas a fetchear .srt remotos.

Streaming adaptativo 📶

  • Para catálogos grandes, considera HLS/DASH.
  • Empaquetado: ffmpeg, AWS MediaConvert, Mux, Cloudflare Stream.
  • Player: hls.js (HLS), Shaka Player (DASH/HLS).

Observabilidad 🔎

  • Telemetría de errores de cliente (Sentry, etc.) y eventos de playback.

Siguientes pasos ➡️

  • Cuentas de usuario + progreso en servidor.
  • Búsqueda, filtros y filas personalizadas.
  • Optimizar pósters con next/image y images.remotePatterns.