Class Roster via our API data

What Is This?

Get, Show, and Style a Class Roster via our API data

• Dynamically list content from an API data source
• Seperate the data from the design
• Use JS template literals for templating
• fetch a JSON data endpoint from Webflow
• Apply foundations of a headless CMS

API Endpoint

Here is link to the API endpoint for the Collection for roster Spring 2022 Students. https://v1.nocodeapi.com/pmanikoth/webflow/wtzODovSIJsRXhZg

Sources

I used the layout from a previous CodePen example in class. Author font from FontShare - https://www.fontshare.com/fonts/author

Why Does This Exist?

Webflow (and many others) have a no-code CMS, and GUI for designing the templates. Webflow (and many others) also have an API that is accessible as a headless CMS.

WebFlow CMS