I’m trying to create a banner that says “Live Now” with a link to my twitch stream on my website and I want it to appear my stream is live and disappear when I’m not streaming. Sounds simple right? Well unfortunately, webflow doesn’t allow you to do any backend programming as it only permits HTML, CSS and javascript. From what I’ve read, the older twitch API version allowed users to request data without using authorization tokens but helix requires authorization. The twitch documentation says
“App access tokens are only for server-to-server API requests. The grant request below requires the client secret to acquire an app access token; this also should be done only as a server-to-server request, never in client code.”
The authorization token must be server-server and I am unable to do this through webflow. I have a client ID but I don’t know how to get an access token for webflow. I saw an option where twitch will require the user to log in before proceeding which would be fine but I can’t figure out how to incorporate that either. Is it possible for me to use only HTML, CSS, and Javascript/jquery to access the twitch API?? Here is an (outdated) example of what I’m hoping to do. Thanks in advance!