Building a Social Broadcaster with Appsmith and n8n by Vihar Kurama

all right uh thanks for the introduction harshal uh thanks for having us here uh now let me share my screen i have a quick presentation all right uh you guys can see my screen yes awesome all right uh so this is a small talk uh i'm gonna share you a super cool app that i regularly use uh so this uh i call it i call this as a social broadcaster and i've built this using appsmith and na10 uh so moving on i'm going to share you with the motivation behind building this so all right

so uh why i have built this so usually i deal with a lot of social platforms every day and i feel managing content is really hard you know we'll also uh will always have to log into twitter linkedin discard slack and then you know cross-post content across all this platform so i felt uh you know it's a hard problem for everyone and safe at all we have a customizable dashboard where we could manage all the content that would be super helpful for all the users and then uh again building completely building an app from scratch uh using you know javascript frameworks is hard and then i thought i could utilize na10 and appsmith to build this uh application myself uh there are two uh you know advantages of this so it took me just uh 10 minutes to build this app and both appsmith and i10 are completely free and open source with that being said uh let me give you a quick intro of what happens with this all right so appsmith is an uh local

platform that will help you build internal uh tools 10x faster so this is a quick in infographic of how apps networks so first you have uh appsmith connects to any data source currently there are 10 data source you can connect to postspace uh either of these you know any of the available data sources and then you can query all the data using javascript uh you can write custom logics and then you know you can literally do anything up you know literally clone any application uh using this javascript and then you can instantly publish your apps and then deploy it within a single click all right so uh i'll quickly go through how i've built this app using apps with anything uh cool so uh this is how uh my ui looks like so this is uh you know uh so i'm currently using the apps uh absolute cloud version as you can see you have the widget section and then you have the uh data source section so first uh you can choose whatever widgets uh you want on your app and then uh quickly drag and drop it here so you know uh i had you know dropped a few widgets here so this is a basic text widget and if you open it up if you click on this you can see a property pane here and then you have your input widget and then just for customization sake i have uh used four switch widgets here uh so my idea is you write once and then you publish to all the short social platform uh within a single click so this is the basic ui it took me less than five minutes to build this on appsmith and then coming back to n810 uh so i am using uh the cloud version of n10 so this is how my uh workflow looks like and then i'm using a web webflow web hook up which connects to uh app uh which i can access with appsmith and then uh send data through all this platform as you can see this is a simple uh if node that i've used on anything so this basically uh you know communicates with the switch widget uh on the app smith all right and then uh configuring nodes and isn't it is super easy all you need to do is just uh you know add a link uh authorize with your uh social platform uh and then this literally took me like five minutes to build this all right that being said uh so i'm gonna quickly show you how i'm connecting the web hook onto appsmith so on n10 i've just copied my uh url of the test url here and then on appsmith i've used an api so this is my webhook url and then in the body i'm sending all the information from my widgets as you can see uh this is the input text that i'm taking from the uh input widget from appsmith and these are all the conditions from which uh you know i can share all my content onto different social platforms it's that simple and if you can also see here uh on the evaluated uh type it says content as undefined since i do not have any text there and then medium since you know nothing is selected uh you know i have everything evaluated here all right so that being said i'll quickly you know post something or to these elected social platforms cool so i'm gonna execute my workflow here and then now uh it waits for the webhook call right let me hide this cool all right now i'm gonna say uh appsmith and na10 are awesome and then i'm gonna select slack discard twitter and linkedin so these four are now connected to my you know personal social accounts and then within single click there you go everything is done so if you go to my twitter let me refresh this okay just um cool so uh on my discord i can see my message on slack linkedin let me refresh my page all right i think i'll have to reauthorize it because i have tested this uh a while ago let me do it quickly all right so sorry i have passed these two things so what i'll do is i'll execute the workflow again and this time i'm gonna select only twitter and linkedin so i'm just disabling this thing post now let me go back refresh and there you go so within single click you can manage everything all your uh you know social platforms so i felt this interesting and then you know thought of sharing this with you uh this talk uh being said that uh we also did a demo last week uh so we also have conference on the talk uh he'll be posting you that link where we have built the entire uh tweet tech clone using uh apps with nineteen uh feel free to uh go through that and you know experiment with stuff things all right over to you herself