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

#107

Filtro por ataque

hitmonchan

hitmonchan

Ataque filtrado

Aprende este ataque

Ver detalle

#115

Filtro por ataque

kangaskhan

kangaskhan

Ataque filtrado

Aprende este ataque

Ver detalle

#165

Filtro por ataque

ledyba

ledyba

Ataque filtrado

Aprende este ataque

Ver detalle

#241

Filtro por ataque

miltank

miltank

Ataque filtrado

Aprende este ataque

Ver detalle

#313

Filtro por ataque

volbeat

volbeat

Ataque filtrado

Aprende este ataque

Ver detalle

#327

Filtro por ataque

spinda

spinda

Ataque filtrado

Aprende este ataque

Ver detalle

#352

Filtro por ataque

kecleon

kecleon

Ataque filtrado

Aprende este ataque

Ver detalle

#427

Filtro por ataque

buneary

buneary

Ataque filtrado

Aprende este ataque

Ver detalle

#428

Filtro por ataque

lopunny

lopunny

Ataque filtrado

Aprende este ataque

Ver detalle

#486

Filtro por ataque

regigigas

regigigas

Ataque filtrado

Aprende este ataque

Ver detalle

#579

Filtro por ataque

reuniclus

reuniclus

Ataque filtrado

Aprende este ataque

Ver detalle

#739

Filtro por ataque

crabrawler

crabrawler

Ataque filtrado

Aprende este ataque

Ver detalle

#740

Filtro por ataque

crabominable

crabominable

Ataque filtrado

Aprende este ataque

Ver detalle

#10039

Filtro por ataque

kangaskhan-mega

kangaskhan-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10088

Filtro por ataque

lopunny-mega

lopunny-mega

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