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

#88

Filtro por ataque

grimer

grimer

Ataque filtrado

Aprende este ataque

Ver detalle

#89

Filtro por ataque

muk

muk

Ataque filtrado

Aprende este ataque

Ver detalle

#92

Filtro por ataque

gastly

gastly

Ataque filtrado

Aprende este ataque

Ver detalle

#93

Filtro por ataque

haunter

haunter

Ataque filtrado

Aprende este ataque

Ver detalle

#94

Filtro por ataque

gengar

gengar

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

#109

Filtro por ataque

koffing

koffing

Ataque filtrado

Aprende este ataque

Ver detalle

#110

Filtro por ataque

weezing

weezing

Ataque filtrado

Aprende este ataque

Ver detalle

#126

Filtro por ataque

magmar

magmar

Ataque filtrado

Aprende este ataque

Ver detalle

#240

Filtro por ataque

magby

magby

Ataque filtrado

Aprende este ataque

Ver detalle

#316

Filtro por ataque

gulpin

gulpin

Ataque filtrado

Aprende este ataque

Ver detalle

#317

Filtro por ataque

swalot

swalot

Ataque filtrado

Aprende este ataque

Ver detalle

#434

Filtro por ataque

stunky

stunky

Ataque filtrado

Aprende este ataque

Ver detalle

#435

Filtro por ataque

skuntank

skuntank

Ataque filtrado

Aprende este ataque

Ver detalle

#467

Filtro por ataque

magmortar

magmortar

Ataque filtrado

Aprende este ataque

Ver detalle

#568

Filtro por ataque

trubbish

trubbish

Ataque filtrado

Aprende este ataque

Ver detalle

#569

Filtro por ataque

garbodor

garbodor

Ataque filtrado

Aprende este ataque

Ver detalle

#757

Filtro por ataque

salandit

salandit

Ataque filtrado

Aprende este ataque

Ver detalle

#758

Filtro por ataque

salazzle

salazzle

Ataque filtrado

Aprende este ataque

Ver detalle

#965

Filtro por ataque

varoom

varoom

Ataque filtrado

Aprende este ataque

Ver detalle

#966

Filtro por ataque

revavroom

revavroom

Ataque filtrado

Aprende este ataque

Ver detalle

#1016

Filtro por ataque

fezandipiti

fezandipiti

Ataque filtrado

Aprende este ataque

Ver detalle

#1025

Filtro por ataque

pecharunt

pecharunt

Ataque filtrado

Aprende este ataque

Ver detalle

#10038

Filtro por ataque

gengar-mega

gengar-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10112

Filtro por ataque

grimer-alola

grimer-alola

Ataque filtrado

Aprende este ataque

Ver detalle

#10113

Filtro por ataque

muk-alola

muk-alola

Ataque filtrado

Aprende este ataque

Ver detalle

#10129

Filtro por ataque

salazzle-totem

salazzle-totem

Ataque filtrado

Aprende este ataque

Ver detalle

#10167

Filtro por ataque

weezing-galar

weezing-galar

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