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

#12

Filtro por ataque

butterfree

butterfree

Ataque filtrado

Aprende este ataque

Ver detalle

#35

Filtro por ataque

clefairy

clefairy

Ataque filtrado

Aprende este ataque

Ver detalle

#36

Filtro por ataque

clefable

clefable

Ataque filtrado

Aprende este ataque

Ver detalle

#39

Filtro por ataque

jigglypuff

jigglypuff

Ataque filtrado

Aprende este ataque

Ver detalle

#40

Filtro por ataque

wigglytuff

wigglytuff

Ataque filtrado

Aprende este ataque

Ver detalle

#49

Filtro por ataque

venomoth

venomoth

Ataque filtrado

Aprende este ataque

Ver detalle

#59

Filtro por ataque

arcanine

arcanine

Ataque filtrado

Aprende este ataque

Ver detalle

#63

Filtro por ataque

abra

abra

Ataque filtrado

Aprende este ataque

Ver detalle

#64

Filtro por ataque

kadabra

kadabra

Ataque filtrado

Aprende este ataque

Ver detalle

#65

Filtro por ataque

alakazam

alakazam

Ataque filtrado

Aprende este ataque

Ver detalle

#79

Filtro por ataque

slowpoke

slowpoke

Ataque filtrado

Aprende este ataque

Ver detalle

#80

Filtro por ataque

slowbro

slowbro

Ataque filtrado

Aprende este ataque

Ver detalle

#81

Filtro por ataque

magnemite

magnemite

Ataque filtrado

Aprende este ataque

Ver detalle

#82

Filtro por ataque

magneton

magneton

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

#100

Filtro por ataque

voltorb

voltorb

Ataque filtrado

Aprende este ataque

Ver detalle

#101

Filtro por ataque

electrode

electrode

Ataque filtrado

Aprende este ataque

Ver detalle

#102

Filtro por ataque

exeggcute

exeggcute

Ataque filtrado

Aprende este ataque

Ver detalle

#103

Filtro por ataque

exeggutor

exeggutor

Ataque filtrado

Aprende este ataque

Ver detalle

#113

Filtro por ataque

chansey

chansey

Ataque filtrado

Aprende este ataque

Ver detalle

#120

Filtro por ataque

staryu

staryu

Ataque filtrado

Aprende este ataque

Ver detalle

#121

Filtro por ataque

starmie

starmie

Ataque filtrado

Aprende este ataque

Ver detalle

#122

Filtro por ataque

mr-mime

mr-mime

Ataque filtrado

Aprende este ataque

Ver detalle

#124

Filtro por ataque

jynx

jynx

Ataque filtrado

Aprende este ataque

Ver detalle

#125

Filtro por ataque

electabuzz

electabuzz

Ataque filtrado

Aprende este ataque

Ver detalle

#126

Filtro por ataque

magmar

magmar

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

#177

Filtro por ataque

natu

natu

Ataque filtrado

Aprende este ataque

Ver detalle

#178

Filtro por ataque

xatu

xatu

Ataque filtrado

Aprende este ataque

Ver detalle

#280

Filtro por ataque

ralts

ralts

Ataque filtrado

Aprende este ataque

Ver detalle

#281

Filtro por ataque

kirlia

kirlia

Ataque filtrado

Aprende este ataque

Ver detalle

#282

Filtro por ataque

gardevoir

gardevoir

Ataque filtrado

Aprende este ataque

Ver detalle

#344

Filtro por ataque

claydol

claydol

Ataque filtrado

Aprende este ataque

Ver detalle

#386

Filtro por ataque

deoxys-normal

deoxys-normal

Ataque filtrado

Aprende este ataque

Ver detalle

#475

Filtro por ataque

gallade

gallade

Ataque filtrado

Aprende este ataque

Ver detalle

#605

Filtro por ataque

elgyem

elgyem

Ataque filtrado

Aprende este ataque

Ver detalle

#606

Filtro por ataque

beheeyem

beheeyem

Ataque filtrado

Aprende este ataque

Ver detalle

#789

Filtro por ataque

cosmog

cosmog

Ataque filtrado

Aprende este ataque

Ver detalle

#790

Filtro por ataque

cosmoem

cosmoem

Ataque filtrado

Aprende este ataque

Ver detalle

#791

Filtro por ataque

solgaleo

solgaleo

Ataque filtrado

Aprende este ataque

Ver detalle

#792

Filtro por ataque

lunala

lunala

Ataque filtrado

Aprende este ataque

Ver detalle

#10001

Filtro por ataque

deoxys-attack

deoxys-attack

Ataque filtrado

Aprende este ataque

Ver detalle

#10002

Filtro por ataque

deoxys-defense

deoxys-defense

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

#10051

Filtro por ataque

gardevoir-mega

gardevoir-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10068

Filtro por ataque

gallade-mega

gallade-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10071

Filtro por ataque

slowbro-mega

slowbro-mega

Ataque filtrado

Aprende este ataque

Ver detalle

#10100

Filtro por ataque

raichu-alola

raichu-alola

Ataque filtrado

Aprende este ataque

Ver detalle

#10114

Filtro por ataque

exeggutor-alola

exeggutor-alola

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