Zoo Landing Page zoolandingpage.com.mx
Saltar al contenido principal

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

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 nombreEscribe 3 caracteres para ver sugerencias. La busqueda por texto se ejecuta solo con el boton Buscar.
Tipo
Ataque
Orden
Por pagina
Auto aplicar filtros

#98

Filtro por ataque

krabby

krabby

Ataque filtrado

Aprende este ataque

Ver detalle

#99

Filtro por ataque

kingler

kingler

Ataque filtrado

Aprende este ataque

Ver detalle

#207

Filtro por ataque

gligar

gligar

Ataque filtrado

Aprende este ataque

Ver detalle

#341

Filtro por ataque

corphish

corphish

Ataque filtrado

Aprende este ataque

Ver detalle

#342

Filtro por ataque

crawdaunt

crawdaunt

Ataque filtrado

Aprende este ataque

Ver detalle

#472

Filtro por ataque

gliscor

gliscor

Ataque filtrado

Aprende este ataque

Ver detalle

#692

Filtro por ataque

clauncher

clauncher

Ataque filtrado

Aprende este ataque

Ver detalle

#693

Filtro por ataque

clawitzer

clawitzer

Ataque filtrado

Aprende este ataque

Ver detalle

#739

Filtro por ataque

crabrawler

crabrawler

Ataque filtrado

Aprende este ataque

Ver detalle

#950

Filtro por ataque

klawf

klawf

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.

Demo de Zoolandingpage con datos publicos de PokeAPI.

pokeapi.co