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

#19

Filtro por ataque

rattata

rattata

Ataque filtrado

Aprende este ataque

Ver detalle

#37

Filtro por ataque

vulpix

vulpix

Ataque filtrado

Aprende este ataque

Ver detalle

#38

Filtro por ataque

ninetales

ninetales

Ataque filtrado

Aprende este ataque

Ver detalle

#58

Filtro por ataque

growlithe

growlithe

Ataque filtrado

Aprende este ataque

Ver detalle

#59

Filtro por ataque

arcanine

arcanine

Ataque filtrado

Aprende este ataque

Ver detalle

#77

Filtro por ataque

ponyta

ponyta

Ataque filtrado

Aprende este ataque

Ver detalle

#78

Filtro por ataque

rapidash

rapidash

Ataque filtrado

Aprende este ataque

Ver detalle

#126

Filtro por ataque

magmar

magmar

Ataque filtrado

Aprende este ataque

Ver detalle

#155

Filtro por ataque

cyndaquil

cyndaquil

Ataque filtrado

Aprende este ataque

Ver detalle

#156

Filtro por ataque

quilava

quilava

Ataque filtrado

Aprende este ataque

Ver detalle

#157

Filtro por ataque

typhlosion

typhlosion

Ataque filtrado

Aprende este ataque

Ver detalle

#240

Filtro por ataque

magby

magby

Ataque filtrado

Aprende este ataque

Ver detalle

#244

Filtro por ataque

entei

entei

Ataque filtrado

Aprende este ataque

Ver detalle

#322

Filtro por ataque

numel

numel

Ataque filtrado

Aprende este ataque

Ver detalle

#323

Filtro por ataque

camerupt

camerupt

Ataque filtrado

Aprende este ataque

Ver detalle

#324

Filtro por ataque

torkoal

torkoal

Ataque filtrado

Aprende este ataque

Ver detalle

#390

Filtro por ataque

chimchar

chimchar

Ataque filtrado

Aprende este ataque

Ver detalle

#391

Filtro por ataque

monferno

monferno

Ataque filtrado

Aprende este ataque

Ver detalle

#392

Filtro por ataque

infernape

infernape

Ataque filtrado

Aprende este ataque

Ver detalle

#467

Filtro por ataque

magmortar

magmortar

Ataque filtrado

Aprende este ataque

Ver detalle

#554

Filtro por ataque

darumaka

darumaka

Ataque filtrado

Aprende este ataque

Ver detalle

#636

Filtro por ataque

larvesta

larvesta

Ataque filtrado

Aprende este ataque

Ver detalle

#637

Filtro por ataque

volcarona

volcarona

Ataque filtrado

Aprende este ataque

Ver detalle

#850

Filtro por ataque

sizzlipede

sizzlipede

Ataque filtrado

Aprende este ataque

Ver detalle

#851

Filtro por ataque

centiskorch

centiskorch

Ataque filtrado

Aprende este ataque

Ver detalle

#1004

Filtro por ataque

chi-yu

chi-yu

Ataque filtrado

Aprende este ataque

Ver detalle

#10115

Filtro por ataque

marowak-alola

marowak-alola

Ataque filtrado

Aprende este ataque

Ver detalle

#10149

Filtro por ataque

marowak-totem

marowak-totem

Ataque filtrado

Aprende este ataque

Ver detalle

#10176

Filtro por ataque

darumaka-galar

darumaka-galar

Ataque filtrado

Aprende este ataque

Ver detalle

#10229

Filtro por ataque

growlithe-hisui

growlithe-hisui

Ataque filtrado

Aprende este ataque

Ver detalle

#10230

Filtro por ataque

arcanine-hisui

arcanine-hisui

Ataque filtrado

Aprende este ataque

Ver detalle

#10233

Filtro por ataque

typhlosion-hisui

typhlosion-hisui

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