APIs e integraciones

Conecta tu app con otros servicios (login, correos, pagos, IA) dirigiendo a tu agente y revisando lo que hace. 5 unidades, 13 lecciones interactivas y retos prácticos. Con LINDO para resolver tus dudas.

Incluida en Pro · 13 lecciones · 53 retos.

Para quién es

Quieres que tu app use datos reales: clima, pagos, mapas, correo.
Te pierdes con endpoints, métodos, JSON y códigos de estado.
Quieres saber dónde guardar las claves sin exponerlas.

Qué vas a construir: Una app que consume una API real

Una app publicada que trae datos reales de una API, maneja carga y errores, y guarda su clave donde debe. Elige una API que le sirva a tu producto: el clima para un negocio con terraza o los datos públicos de un servicio que tus clientes ya usan.

Explora una API con tus manos
Muestra los datos en una app publicada
Protege una clave detrás de tu servidor
Prepárala para cuando la API falle

Unas 8 horas con Claude Code o Cursor, una API pública sin clave (por ejemplo, open-meteo.com para el clima o api.github.com), un servicio con clave para el hito 3 (por ejemplo, Resend para enviar correos), GitHub y Vercel o Netlify.

El mapa de las APIs

¿Qué es una API?: Entiende qué es una API y qué buscar en su documentación antes de pedirle nada a tu agente.
JSON: el idioma de las máquinas: Lee y escribe JSON, el formato en que responden las APIs, y encuentra en él el dato que buscas.
Métodos HTTP: los 5 verbos: Reconoce qué hace cada llamada por su verbo y qué te dice el código de respuesta cuando algo falla.

Consumir APIs

Fetch: tu primera llamada: Lee una llamada con fetch, entiende cómo se envía una clave sin exponerla y revisa lo que escribe tu agente.
Async/await y manejo de errores: Pide pantallas que aguantan los fallos de una API: cargando, error, vacío y con datos.
TanStack Query y SWR: datos siempre al día: Usa una librería que pide, guarda y actualiza los datos por ti, y aprende qué decirle a tu agente cuando la pantalla no se refresca.

Login social y webhooks

OAuth y login social: Entiende qué pasa tras "Continuar con Google" y actívalo en tu app con un servicio de login.
Webhooks: la API al revés: Recibe avisos de otros servicios, como un pago confirmado, de forma segura, y pruébalos sin dinero real.

Correos y otros servicios

Correos transaccionales: Envía los correos de tu app con un servicio de envío y evita que caigan en spam.
Otras APIs esenciales: Ubica qué servicio resuelve cada necesidad de tu producto y decide qué construir y qué alquilar.

APIs en producción

Límites de uso: el error 429: Entiende por qué una API deja de atenderte, reintenta sin empeorarlo y evita llegar al límite.
CORS: el error más odiado: Reconoce un error de CORS, entiende en qué lado se arregla y qué datos darle a tu agente.
Monitoreo y resiliencia: Prepara tu app para cuando una API externa falle y entérate antes que tus usuarios.

Lección de muestra: Conexión establecida

Imagina que tu app necesita mostrar el clima, cobrar un pago o enviar un correo. Ninguna de esas cosas vive en tu app: están en los servidores de otras empresas. La pregunta es cómo se las pides. La respuesta es una API.

API significa Application Programming Interface (interfaz de programación de aplicaciones). En la práctica es un acuerdo: "si me pides X de esta forma, te devuelvo Y". Nada más.

PIÉNSALO COMO UN RESTAURANTE: → Tú (tu app) no entras a la cocina. → Le hablas al mesero (la API). → El mesero tiene una carta con lo que puedes pedir. Cada cosa de la carta se llama endpoint: una dirección web concreta, como https://api.clima.com/hoy. → Pides, y el mesero te trae el plato (la respuesta) o te dice que no hay (un error).

A ese ir y venir se le llama petición y respuesta: tu app siempre pregunta primero y el servidor contesta.

POR QUÉ TE IMPORTA: No tienes que construir un sistema de pagos (usas Stripe), ni uno de correos (usas Resend), ni entrenar un modelo de IA (usas la API de Claude o la de OpenAI). Cada API que conoces es trabajo que no tienes que hacer.

REGLA PRÁCTICA: antes de pedirle a tu agente (Claude Code o Cursor) que construya algo complejo desde cero, pregúntale si ya existe una API que lo resuelva.

Quieres mostrar el clima en tiempo real en tu app. ¿Cuál es el camino más realista?

Copiar los datos a mano cada mañana desde una web del clima
Pedirlos a una API del clima y mostrar lo que devuelve
Pedirle a tu agente que programe un servicio de clima propio

Preguntas frecuentes

¿Qué es una API?

La forma en que un programa pide datos o acciones a otro. Tu app envía una petición a una URL y recibe una respuesta, normalmente en JSON.

¿Cuánto cuesta el curso de APIs e integraciones?

Está incluido en el plan Pro, que abre las 14 rutas: US$14.99 al mes, US$59 al año o US$99 en un solo pago (Lifetime).

¿Cuánto tiempo lleva?

Son 13 lecciones cortas con 53 retos, más el proyecto final, que lleva alrededor de 8 horas de trabajo. Avanzas a tu ritmo.

¿Necesito conocimientos previos?

Te recomendamos haber hecho antes Vibe Coding: fundamentos. Es una recomendación, no un bloqueo: puedes empezar igual.

¿Hay certificado?

Sí. Con todas las lecciones completas y el proyecto final aprobado obtienes un certificado verificable con enlace público.