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.

API

Bulbasaur

grass

Detalle en ficha

Ver detalle

API

Ivysaur

grass

Detalle en ficha

Ver detalle

API

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.