Zoo Landing Page 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

#72

Filtro por ataque

tentacool

tentacool

Ataque filtrado

Aprende este ataque

Ver detalle

#73

Filtro por ataque

tentacruel

tentacruel

Ataque filtrado

Aprende este ataque

Ver detalle

#114

Filtro por ataque

tangela

tangela

Ataque filtrado

Aprende este ataque

Ver detalle

#138

Filtro por ataque

omanyte

omanyte

Ataque filtrado

Aprende este ataque

Ver detalle

#139

Filtro por ataque

omastar

omastar

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

#213

Filtro por ataque

shuckle

shuckle

Ataque filtrado

Aprende este ataque

Ver detalle

#224

Filtro por ataque

octillery

octillery

Ataque filtrado

Aprende este ataque

Ver detalle

#345

Filtro por ataque

lileep

lileep

Ataque filtrado

Aprende este ataque

Ver detalle

#346

Filtro por ataque

cradily

cradily

Ataque filtrado

Aprende este ataque

Ver detalle

#425

Filtro por ataque

drifloon

drifloon

Ataque filtrado

Aprende este ataque

Ver detalle

#426

Filtro por ataque

drifblim

drifblim

Ataque filtrado

Aprende este ataque

Ver detalle

#465

Filtro por ataque

tangrowth

tangrowth

Ataque filtrado

Aprende este ataque

Ver detalle

#592

Filtro por ataque

frillish-male

frillish-male

Ataque filtrado

Aprende este ataque

Ver detalle

#686

Filtro por ataque

inkay

inkay

Ataque filtrado

Aprende este ataque

Ver detalle

#687

Filtro por ataque

malamar

malamar

Ataque filtrado

Aprende este ataque

Ver detalle

#793

Filtro por ataque

nihilego

nihilego

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