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

#81

Filtro por ataque

magnemite

magnemite

Ataque filtrado

Aprende este ataque

Ver detalle

#82

Filtro por ataque

magneton

magneton

Ataque filtrado

Aprende este ataque

Ver detalle

#137

Filtro por ataque

porygon

porygon

Ataque filtrado

Aprende este ataque

Ver detalle

#223

Filtro por ataque

remoraid

remoraid

Ataque filtrado

Aprende este ataque

Ver detalle

#224

Filtro por ataque

octillery

octillery

Ataque filtrado

Aprende este ataque

Ver detalle

#233

Filtro por ataque

porygon2

porygon2

Ataque filtrado

Aprende este ataque

Ver detalle

#299

Filtro por ataque

nosepass

nosepass

Ataque filtrado

Aprende este ataque

Ver detalle

#377

Filtro por ataque

regirock

regirock

Ataque filtrado

Aprende este ataque

Ver detalle

#378

Filtro por ataque

regice

regice

Ataque filtrado

Aprende este ataque

Ver detalle

#379

Filtro por ataque

registeel

registeel

Ataque filtrado

Aprende este ataque

Ver detalle

#462

Filtro por ataque

magnezone

magnezone

Ataque filtrado

Aprende este ataque

Ver detalle

#474

Filtro por ataque

porygon-z

porygon-z

Ataque filtrado

Aprende este ataque

Ver detalle

#476

Filtro por ataque

probopass

probopass

Ataque filtrado

Aprende este ataque

Ver detalle

#524

Filtro por ataque

roggenrola

roggenrola

Ataque filtrado

Aprende este ataque

Ver detalle

#599

Filtro por ataque

klink

klink

Ataque filtrado

Aprende este ataque

Ver detalle

#600

Filtro por ataque

klang

klang

Ataque filtrado

Aprende este ataque

Ver detalle

#601

Filtro por ataque

klinklang

klinklang

Ataque filtrado

Aprende este ataque

Ver detalle

#649

Filtro por ataque

genesect

genesect

Ataque filtrado

Aprende este ataque

Ver detalle

#707

Filtro por ataque

klefki

klefki

Ataque filtrado

Aprende este ataque

Ver detalle

#801

Filtro por ataque

magearna

magearna

Ataque filtrado

Aprende este ataque

Ver detalle

#886

Filtro por ataque

drakloak

drakloak

Ataque filtrado

Aprende este ataque

Ver detalle

#887

Filtro por ataque

dragapult

dragapult

Ataque filtrado

Aprende este ataque

Ver detalle

#894

Filtro por ataque

regieleki

regieleki

Ataque filtrado

Aprende este ataque

Ver detalle

#10147

Filtro por ataque

magearna-original

magearna-original

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