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

#46

Filtro por ataque

paras

paras

Ataque filtrado

Aprende este ataque

Ver detalle

#47

Filtro por ataque

parasect

parasect

Ataque filtrado

Aprende este ataque

Ver detalle

#48

Filtro por ataque

venonat

venonat

Ataque filtrado

Aprende este ataque

Ver detalle

#114

Filtro por ataque

tangela

tangela

Ataque filtrado

Aprende este ataque

Ver detalle

#167

Filtro por ataque

spinarak

spinarak

Ataque filtrado

Aprende este ataque

Ver detalle

#168

Filtro por ataque

ariados

ariados

Ataque filtrado

Aprende este ataque

Ver detalle

#187

Filtro por ataque

hoppip

hoppip

Ataque filtrado

Aprende este ataque

Ver detalle

#188

Filtro por ataque

skiploom

skiploom

Ataque filtrado

Aprende este ataque

Ver detalle

#189

Filtro por ataque

jumpluff

jumpluff

Ataque filtrado

Aprende este ataque

Ver detalle

#455

Filtro por ataque

carnivine

carnivine

Ataque filtrado

Aprende este ataque

Ver detalle

#590

Filtro por ataque

foongus

foongus

Ataque filtrado

Aprende este ataque

Ver detalle

#591

Filtro por ataque

amoonguss

amoonguss

Ataque filtrado

Aprende este ataque

Ver detalle

#637

Filtro por ataque

volcarona

volcarona

Ataque filtrado

Aprende este ataque

Ver detalle

#664

Filtro por ataque

scatterbug

scatterbug

Ataque filtrado

Aprende este ataque

Ver detalle

#666

Filtro por ataque

vivillon

vivillon

Ataque filtrado

Aprende este ataque

Ver detalle

#948

Filtro por ataque

toedscool

toedscool

Ataque filtrado

Aprende este ataque

Ver detalle

#951

Filtro por ataque

capsakid

capsakid

Ataque filtrado

Aprende este ataque

Ver detalle

#952

Filtro por ataque

scovillain

scovillain

Ataque filtrado

Aprende este ataque

Ver detalle

#986

Filtro por ataque

brute-bonnet

brute-bonnet

Ataque filtrado

Aprende este ataque

Ver detalle

#1012

Filtro por ataque

poltchageist

poltchageist

Ataque filtrado

Aprende este ataque

Ver detalle

#1013

Filtro por ataque

sinistcha

sinistcha

Ataque filtrado

Aprende este ataque

Ver detalle

#10320

Filtro por ataque

scovillain-mega

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