need help with integrating google oauth with webstudio

hi so as per the title~ i'm trying to implement google oauth stuff in a website builder - webstudio ( its similar to webflow ) im not that knowledgeable with coding stuff. but i know a little but i hope i can somehow figure this out!

my main use case will be - i am trying pull data from youtube livestreaming api. so this needs oauth access! so i needed to figure out how i can generate refresh tokens etc. so i can input the oauthtoken in the api header in my site on webstudio! i did try google playgrounds but i had to keep updating the token manually.. so i thought of using appwrite to achieve this!

so far i did follow the guide from this - https://www.youtube.com/watch?v=tgO_ADSvY1I

so i did the part i needed to do from google cloud and also on appwrite auth settings part is also done!

i did read through the following docs https://appwrite.io/docs/products/auth/oauth2 https://github.com/appwrite/sdk-for-web / https://appwrite.io/docs/quick-starts/web

im having alot of doubts on how to do this. also webstudio does have a few limitations on stuff. but im sure ill be able to get through this! so provide me guidance regarding this! thank you >//<

here's wut i've done so far! since webstudio will be the frontend. i believe i needed to do the initial web app stuff using a html embed right?