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

#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

#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

#167

Filtro por ataque

spinarak

spinarak

Ataque filtrado

Aprende este ataque

Ver detalle

#193

Filtro por ataque

yanma

yanma

Ataque filtrado

Aprende este ataque

Ver detalle

#329

Filtro por ataque

vibrava

vibrava

Ataque filtrado

Aprende este ataque

Ver detalle

#330

Filtro por ataque

flygon

flygon

Ataque filtrado

Aprende este ataque

Ver detalle

#418

Filtro por ataque

buizel

buizel

Ataque filtrado

Aprende este ataque

Ver detalle

#419

Filtro por ataque

floatzel

floatzel

Ataque filtrado

Aprende este ataque

Ver detalle

#462

Filtro por ataque

magnezone

magnezone

Ataque filtrado

Aprende este ataque

Ver detalle

#469

Filtro por ataque

yanmega

yanmega

Ataque filtrado

Aprende este ataque

Ver detalle

#517

Filtro por ataque

munna

munna

Ataque filtrado

Aprende este ataque

Ver detalle

#801

Filtro por ataque

magearna

magearna

Ataque filtrado

Aprende este ataque

Ver detalle

#10147

Filtro por ataque

magearna-original

magearna-original

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