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 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.

Indice API

bulbasaur

Ficha dinamica

Detalle en ficha

Ver detalle

Indice API

ivysaur

Ficha dinamica

Detalle en ficha

Ver detalle

Indice API

venusaur

Ficha dinamica

Detalle en ficha

Ver detalle

Indice API

charmander

Ficha dinamica

Detalle en ficha

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.