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

#25

Filtro por ataque

pikachu

pikachu

Ataque filtrado

Aprende este ataque

Ver detalle

#26

Filtro por ataque

raichu

raichu

Ataque filtrado

Aprende este ataque

Ver detalle

#172

Filtro por ataque

pichu

pichu

Ataque filtrado

Aprende este ataque

Ver detalle

#311

Filtro por ataque

plusle

plusle

Ataque filtrado

Aprende este ataque

Ver detalle

#312

Filtro por ataque

minun

minun

Ataque filtrado

Aprende este ataque

Ver detalle

#417

Filtro por ataque

pachirisu

pachirisu

Ataque filtrado

Aprende este ataque

Ver detalle

#587

Filtro por ataque

emolga

emolga

Ataque filtrado

Aprende este ataque

Ver detalle

#702

Filtro por ataque

dedenne

dedenne

Ataque filtrado

Aprende este ataque

Ver detalle

#777

Filtro por ataque

togedemaru

togedemaru

Ataque filtrado

Aprende este ataque

Ver detalle

#835

Filtro por ataque

yamper

yamper

Ataque filtrado

Aprende este ataque

Ver detalle

#836

Filtro por ataque

boltund

boltund

Ataque filtrado

Aprende este ataque

Ver detalle

#848

Filtro por ataque

toxel

toxel

Ataque filtrado

Aprende este ataque

Ver detalle

#849

Filtro por ataque

toxtricity-amped

toxtricity-amped

Ataque filtrado

Aprende este ataque

Ver detalle

#856

Filtro por ataque

hatenna

hatenna

Ataque filtrado

Aprende este ataque

Ver detalle

#921

Filtro por ataque

pawmi

pawmi

Ataque filtrado

Aprende este ataque

Ver detalle

#922

Filtro por ataque

pawmo

pawmo

Ataque filtrado

Aprende este ataque

Ver detalle

#923

Filtro por ataque

pawmot

pawmot

Ataque filtrado

Aprende este ataque

Ver detalle

#10080

Filtro por ataque

pikachu-rock-star

pikachu-rock-star

Ataque filtrado

Aprende este ataque

Ver detalle

#10081

Filtro por ataque

pikachu-belle

pikachu-belle

Ataque filtrado

Aprende este ataque

Ver detalle

#10082

Filtro por ataque

pikachu-pop-star

pikachu-pop-star

Ataque filtrado

Aprende este ataque

Ver detalle

#10083

Filtro por ataque

pikachu-phd

pikachu-phd

Ataque filtrado

Aprende este ataque

Ver detalle

#10084

Filtro por ataque

pikachu-libre

pikachu-libre

Ataque filtrado

Aprende este ataque

Ver detalle

#10085

Filtro por ataque

pikachu-cosplay

pikachu-cosplay

Ataque filtrado

Aprende este ataque

Ver detalle

#10094

Filtro por ataque

pikachu-original-cap

pikachu-original-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10095

Filtro por ataque

pikachu-hoenn-cap

pikachu-hoenn-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10096

Filtro por ataque

pikachu-sinnoh-cap

pikachu-sinnoh-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10097

Filtro por ataque

pikachu-unova-cap

pikachu-unova-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10098

Filtro por ataque

pikachu-kalos-cap

pikachu-kalos-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10099

Filtro por ataque

pikachu-alola-cap

pikachu-alola-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10100

Filtro por ataque

raichu-alola

raichu-alola

Ataque filtrado

Aprende este ataque

Ver detalle

#10148

Filtro por ataque

pikachu-partner-cap

pikachu-partner-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10154

Filtro por ataque

togedemaru-totem

togedemaru-totem

Ataque filtrado

Aprende este ataque

Ver detalle

#10160

Filtro por ataque

pikachu-world-cap

pikachu-world-cap

Ataque filtrado

Aprende este ataque

Ver detalle

#10184

Filtro por ataque

toxtricity-low-key

toxtricity-low-key

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