PokeAPI Runtime Demo pokeapi-demo.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

#63

Filtro por ataque

abra

abra

Ataque filtrado

Aprende este ataque

Ver detalle

#65

Filtro por ataque

alakazam

alakazam

Ataque filtrado

Aprende este ataque

Ver detalle

#72

Filtro por ataque

tentacool

tentacool

Ataque filtrado

Aprende este ataque

Ver detalle

#73

Filtro por ataque

tentacruel

tentacruel

Ataque filtrado

Aprende este ataque

Ver detalle

#90

Filtro por ataque

shellder

shellder

Ataque filtrado

Aprende este ataque

Ver detalle

#91

Filtro por ataque

cloyster

cloyster

Ataque filtrado

Aprende este ataque

Ver detalle

#96

Filtro por ataque

drowzee

drowzee

Ataque filtrado

Aprende este ataque

Ver detalle

#97

Filtro por ataque

hypno

hypno

Ataque filtrado

Aprende este ataque

Ver detalle

#120

Filtro por ataque

staryu

staryu

Ataque filtrado

Aprende este ataque

Ver detalle

#122

Filtro por ataque

mr-mime

mr-mime

Ataque filtrado

Aprende este ataque

Ver detalle

#137

Filtro por ataque

porygon

porygon

Ataque filtrado

Aprende este ataque

Ver detalle

#150

Filtro por ataque

mewtwo

mewtwo

Ataque filtrado

Aprende este ataque

Ver detalle

#151

Filtro por ataque

mew

mew

Ataque filtrado

Aprende este ataque

Ver detalle

#222

Filtro por ataque

corsola

corsola

Ataque filtrado

Aprende este ataque

Ver detalle

#239

Filtro por ataque

elekid

elekid

Ataque filtrado

Aprende este ataque

Ver detalle

#240

Filtro por ataque

magby

magby

Ataque filtrado

Aprende este ataque

Ver detalle

#258

Filtro por ataque

mudkip

mudkip

Ataque filtrado

Aprende este ataque

Ver detalle

#345

Filtro por ataque

lileep

lileep

Ataque filtrado

Aprende este ataque

Ver detalle

#366

Filtro por ataque

clamperl

clamperl

Ataque filtrado

Aprende este ataque

Ver detalle

#439

Filtro por ataque

mime-jr

mime-jr

Ataque filtrado

Aprende este ataque

Ver detalle

#462

Filtro por ataque

magnezone

magnezone

Ataque filtrado

Aprende este ataque

Ver detalle

#471

Filtro por ataque

glaceon

glaceon

Ataque filtrado

Aprende este ataque

Ver detalle

#517

Filtro por ataque

munna

munna

Ataque filtrado

Aprende este ataque

Ver detalle

#605

Filtro por ataque

elgyem

elgyem

Ataque filtrado

Aprende este ataque

Ver detalle

#677

Filtro por ataque

espurr

espurr

Ataque filtrado

Aprende este ataque

Ver detalle

#698

Filtro por ataque

amaura

amaura

Ataque filtrado

Aprende este ataque

Ver detalle

#712

Filtro por ataque

bergmite

bergmite

Ataque filtrado

Aprende este ataque

Ver detalle

#10037

Filtro por ataque

alakazam-mega

alakazam-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10043

Filtro por ataque

mewtwo-mega-x

mewtwo-mega-x

Ataque filtrado

Aprende este ataque

Ver detalle

#10044

Filtro por ataque

mewtwo-mega-y

mewtwo-mega-y

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