Demo visual con datos vivos

PokeAPI Runtime Demo

Una demo visual para mostrar como un draft puede consumir APIs externas, llenar plantillas y abrir rutas parametrizadas con datos vivos.

API proxy seguro

Plantilla editable

Ruta /pokemon

Referencia PokeAPI

Catalogo desde API

Paginacion, filtros y rutas dinamicas

El listado usa una plantilla de draft alimentada por PokeAPI. Puedes buscar Pokemon por nombre, filtrar por tipo o ataque, ordenar y abrir fichas dinamicas sin tocar el frontend.

Buscar por nombre

Escribe 3 caracteres para ver sugerencias. La busqueda por texto se ejecuta solo con el boton Buscar.

Tipo

Ataque

Orden

Por pagina

Auto aplicar filtros

Aplica tipo, ataque, orden y por pagina al cambiar. Buscar por texto nunca se ejecuta automaticamente; usa el boton Buscar.

#56

Filtro por ataque

mankey

Ataque filtrado

Aprende este ataque

Ver detalle

#57

Filtro por ataque

primeape

Ataque filtrado

Aprende este ataque

Ver detalle

#66

Filtro por ataque

machop

Ataque filtrado

Aprende este ataque

Ver detalle

#67

Filtro por ataque

machoke

Ataque filtrado

Aprende este ataque

Ver detalle

#68

Filtro por ataque

machamp

Ataque filtrado

Aprende este ataque

Ver detalle

#239

Filtro por ataque

elekid

Ataque filtrado

Aprende este ataque

Ver detalle

#240

Filtro por ataque

magby

Ataque filtrado

Aprende este ataque

Ver detalle

#539

Filtro por ataque

sawk

Ataque filtrado

Aprende este ataque

Ver detalle

#674

Filtro por ataque

pancham

Ataque filtrado

Aprende este ataque

Ver detalle

#675

Filtro por ataque

pangoro

Ataque filtrado

Aprende este ataque

Ver detalle

#701

Filtro por ataque

hawlucha

Ataque filtrado

Aprende este ataque

Ver detalle

Controlado por draft

La vista cambia sin tocar el frontend

Este mismo patron permite mostrar albumes, articulos, productos o listados externos con filtros de seguridad en servidor.

7 fuentes

Un draft puede consumir multiples APIs o endpoints en la misma pagina.

Proxy server-side

La politica server-only decide que URL y campos llegan al browser.

Fallback incluido

La pagina sigue presentable aunque una API externa no responda.