RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

This project is an example of connecting to an external API from a Webflow site to retrieve data and display it on the page.

Retrieving data from an external API - todo list

This site shows how to connect a CMS multi image field to a slider using custom code.

CMS Multi-Image Slider Demo

The site used in the playlist https://www.youtube.com/watch?v=x8OV8UJZWCA&list=PL4TuDUnZkkhx3v4U1zLmEOLEHQfprf-gp

If you clone this then head to the site wide settings and update the Firebase project IDs to match yours.

webflow-auth-tutorial-098d3d47622171bf6

Resource guide for lazy loading implementation via lazysizes and built in browser lazy loading support

Webflow and Images

wf-images