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

#23

Filtro por ataque

ekans

ekans

Ataque filtrado

Aprende este ataque

Ver detalle

#24

Filtro por ataque

arbok

arbok

Ataque filtrado

Aprende este ataque

Ver detalle

#206

Filtro por ataque

dunsparce

dunsparce

Ataque filtrado

Aprende este ataque

Ver detalle

#336

Filtro por ataque

seviper

seviper

Ataque filtrado

Aprende este ataque

Ver detalle

#495

Filtro por ataque

snivy

snivy

Ataque filtrado

Aprende este ataque

Ver detalle

#496

Filtro por ataque

servine

servine

Ataque filtrado

Aprende este ataque

Ver detalle

#497

Filtro por ataque

serperior

serperior

Ataque filtrado

Aprende este ataque

Ver detalle

#621

Filtro por ataque

druddigon

druddigon

Ataque filtrado

Aprende este ataque

Ver detalle

#694

Filtro por ataque

helioptile

helioptile

Ataque filtrado

Aprende este ataque

Ver detalle

#695

Filtro por ataque

heliolisk

heliolisk

Ataque filtrado

Aprende este ataque

Ver detalle

#718

Filtro por ataque

zygarde-50

zygarde-50

Ataque filtrado

Aprende este ataque

Ver detalle

#780

Filtro por ataque

drampa

drampa

Ataque filtrado

Aprende este ataque

Ver detalle

#843

Filtro por ataque

silicobra

silicobra

Ataque filtrado

Aprende este ataque

Ver detalle

#844

Filtro por ataque

sandaconda

sandaconda

Ataque filtrado

Aprende este ataque

Ver detalle

#982

Filtro por ataque

dudunsparce-two-segment

dudunsparce-two-segment

Ataque filtrado

Aprende este ataque

Ver detalle

#10118

Filtro por ataque

zygarde-10-power-construct

zygarde-10-power-construct

Ataque filtrado

Aprende este ataque

Ver detalle

#10119

Filtro por ataque

zygarde-50-power-construct

zygarde-50-power-construct

Ataque filtrado

Aprende este ataque

Ver detalle

#10120

Filtro por ataque

zygarde-complete

zygarde-complete

Ataque filtrado

Aprende este ataque

Ver detalle

#10181

Filtro por ataque

zygarde-10

zygarde-10

Ataque filtrado

Aprende este ataque

Ver detalle

#10255

Filtro por ataque

dudunsparce-three-segment

dudunsparce-three-segment

Ataque filtrado

Aprende este ataque

Ver detalle

#10302

Filtro por ataque

drampa-mega

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