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

#16

Filtro por ataque

pidgey

pidgey

Ataque filtrado

Aprende este ataque

Ver detalle

#17

Filtro por ataque

pidgeotto

pidgeotto

Ataque filtrado

Aprende este ataque

Ver detalle

#18

Filtro por ataque

pidgeot

pidgeot

Ataque filtrado

Aprende este ataque

Ver detalle

#21

Filtro por ataque

spearow

spearow

Ataque filtrado

Aprende este ataque

Ver detalle

#22

Filtro por ataque

fearow

fearow

Ataque filtrado

Aprende este ataque

Ver detalle

#83

Filtro por ataque

farfetchd

farfetchd

Ataque filtrado

Aprende este ataque

Ver detalle

#84

Filtro por ataque

doduo

doduo

Ataque filtrado

Aprende este ataque

Ver detalle

#85

Filtro por ataque

dodrio

dodrio

Ataque filtrado

Aprende este ataque

Ver detalle

#163

Filtro por ataque

hoothoot

hoothoot

Ataque filtrado

Aprende este ataque

Ver detalle

#175

Filtro por ataque

togepi

togepi

Ataque filtrado

Aprende este ataque

Ver detalle

#198

Filtro por ataque

murkrow

murkrow

Ataque filtrado

Aprende este ataque

Ver detalle

#255

Filtro por ataque

torchic

torchic

Ataque filtrado

Aprende este ataque

Ver detalle

#256

Filtro por ataque

combusken

combusken

Ataque filtrado

Aprende este ataque

Ver detalle

#257

Filtro por ataque

blaziken

blaziken

Ataque filtrado

Aprende este ataque

Ver detalle

#276

Filtro por ataque

taillow

taillow

Ataque filtrado

Aprende este ataque

Ver detalle

#333

Filtro por ataque

swablu

swablu

Ataque filtrado

Aprende este ataque

Ver detalle

#396

Filtro por ataque

starly

starly

Ataque filtrado

Aprende este ataque

Ver detalle

#441

Filtro por ataque

chatot

chatot

Ataque filtrado

Aprende este ataque

Ver detalle

#561

Filtro por ataque

sigilyph

sigilyph

Ataque filtrado

Aprende este ataque

Ver detalle

#580

Filtro por ataque

ducklett

ducklett

Ataque filtrado

Aprende este ataque

Ver detalle

#629

Filtro por ataque

vullaby

vullaby

Ataque filtrado

Aprende este ataque

Ver detalle

#630

Filtro por ataque

mandibuzz

mandibuzz

Ataque filtrado

Aprende este ataque

Ver detalle

#731

Filtro por ataque

pikipek

pikipek

Ataque filtrado

Aprende este ataque

Ver detalle

#741

Filtro por ataque

oricorio-baile

oricorio-baile

Ataque filtrado

Aprende este ataque

Ver detalle

#785

Filtro por ataque

tapu-koko

tapu-koko

Ataque filtrado

Aprende este ataque

Ver detalle

#10073

Filtro por ataque

pidgeot-mega

pidgeot-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10123

Filtro por ataque

oricorio-pom-pom

oricorio-pom-pom

Ataque filtrado

Aprende este ataque

Ver detalle

#10124

Filtro por ataque

oricorio-pau

oricorio-pau

Ataque filtrado

Aprende este ataque

Ver detalle

#10125

Filtro por ataque

oricorio-sensu

oricorio-sensu

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