Build Your Entire Full Stack App Backend with Ai | Auth, Database, Deploy | No Coding

0:00Guys, the web application you're seeing on the screen, I built its entire UI with the help of AI. And honestly, creating a UI isn't that difficult these days. Claude, Cursor, Google Anti-Gravity, and many such AI tools generate amazing interfaces. But the point here isn't just about the UI. You can see that if a user signs up or logs in here, their data is being completely saved in the database. If someone uploads media, it's being updated in the storage in real-time. And the biggest thing is that this application is also live on the internet. And guys, I didn't set up any of these things manually. I didn't configure the

0:36database, didn't set up authentication, didn't work on storage, nor did I handle the deployment. I mean, I didn't even have to manually launch this application on the internet. I just gave it prompts here. And it did all of my work within a few minutes using those prompts. And the most interesting thing is that I had the front-end of this application built by one AI. But its entire back-end was handled by a completely different AI. This means you can easily design your front-end using any of your favorite AI tools or coding platforms and connect it to your back-end. Then your back-end will process all your data in one single

1:11place. That too, just through prompts. Guys, many of you have questions on YouTube and the internet that while you find many amazing AI tools for the front-end. The problem arises in the back-end because there's no such AI tool where database, authentication, storage, real-time updates, and even deployment can all be handled in one place and connected to our front-end. And that too, with an easy process. So guys, in today's video, we're not only going to look at that AI, but I'm sure you'll want to explore exactly how it works. How you can build applications on it, and how that AI handles everything in one place just through

1:52prompts. It even gets your web application live on the internet. So let's get this video started. But before we start the video guys, if you haven't subscribed to the Kumar World channel yet, subscribe immediately because here you get amazing videos, tips, and tricks related to AI, website creation, and money-making. So let's start the video. So guys, we are going to build a social media post scheduler here, which will include everything related to the backend. Authentication, saving data to the database, and how

2:20you deploy the website on the internet. You will see everything related to media storage, how your data is processed and retrieved, everything will be included here. Although guys, this is just a video about AI backend, but a social media post scheduler is also a pretty good SaaS idea. If you are planning to build your own product with the help of AI in the future, this can be a great idea for you because there is very little competition for it on the internet. But its demand is quite high in this era of content creation. So you can save this idea for later. Apart from this guys, you will

2:54find many amazing videos related to SaaS on my channel, in which I have explained completely how you can build the complete frontend and backend of a SaaS. How to sell it to your clients. How to take a SaaS live on the internet . If you are interested in these types of videos, you will find all of them on the Kumar World channel. So guys, we are going to get the entire frontend of this SaaS generated by AI. Just as I told you. If I open Inscode here, which is my backend AI platform. So here guys , you will get to see. So these Inscode platforms can easily connect with all

3:27our AI coding agents that build the frontend and the UI. Here you get to see many coding agents. Such as Codex, Cline, Windsurf, Google, Antigravity, CodeTray, Kero, and many other such AI coding agents are present here. So you can choose any AI coding platform of your choice to build your frontend. So here guys, we are going to use the Cursor AI code editor. Okay? So I will open Cursor in a new tab here. Here we have the Cursor website, the Cursor AI coding agent. We will open it and download it to our system from here. So , I will click on Download for Windows here. So guys, the setup has downloaded

4:05for me in just a few seconds. We'll go to its folder, right-click to install it on the system, and simply by clicking next, your coding editor will be installed. You guys can use anything else you want to build your front-end. So guys, my Cursor is completely installed, and this is what its interface looks like. It has opened. Right? So first, let's create our new project here. I will go to File, select Open Folder, and create a project folder anywhere on my system, and I'll name it "Post Scheduler". Alright, that's basically how to create a project here. And now I will click on Select Folder. And these are some of my

4:44previous projects here. So guys, whatever project you are working on will be displayed right here. Alright. Now, you will find a prompt section right here. Where you need to provide a detailed prompt to build your UI, website, or anything else. The better your prompt, the better results you will get, of course. So guys, I won't write the prompt myself because I want to build a professional post scheduler, so I'll open ChatGPT and generate a detailed prompt for my UI. So here,

5:16we'll give ChatGPT a one-line prompt. So guys, I have told ChatGPT, "I want to design a social media post scheduler from Cursor AI." I have definitely mentioned the editor here so that it can write the prompt accordingly for us . So, write a detailed prompt for it. I want to make a light theme. Okay? I want the UI in a light theme. So, I mentioned that, and I also told it to add only the main features. Please write a detailed prompt for that for me . Okay? We wrote this twice. So, let's

5:47remove "write a detailed prompt" once. By main features, guys, I mean that a social media post scheduler SaaS can have unlimited kinds of features. Adding posts, then editing posts, deleting them, and many more management-related features. So, our web application will take a lot of time and become very vast. So, to show you how you can build a complete front-end and back-end. For that, just having the main features is enough. Okay? So, I will send it by giving this much prompt here. Now, within a few seconds, it will write a detailed prompt for me that we can easily give to our Cursor,

6:24and it will generate the complete UI. So, guys, here you can see it has given us a complete detailed prompt. It has explained from the start what kind of design it should be. What is the app's goal, and what should the design style look like? Which pages should be included? Which features should be

6:43there and what each feature should do. Okay? It has covered all these things. You don't need to write it yourself. You just need to copy it from here. Come to your Cursor and just paste it here. Okay? Apart from that, guys, if your client or you yourself have a reference idea. You want your theme to be like something I searched for on the internet, like a social media post scheduler design. So, look here, I have unlimited designs available according to the theme and UI. Out of those, I

7:13liked this particular UI a bit. Okay? So, I want to build something like this . Okay? Everyone has their own references. Your client gives you a reference. So, I will save this image to my system. And by clicking on the plus icon here, I will upload that image for the design reference. And here, at the very end of the prompt, I will write "Use this image for UI design reference." Alright, and here, guys, you will have different kinds of models because we are using the free version. So, we will have to upgrade here. In the free version, only this model is allowed. Okay? Keeping it on

7:53Composer 2.5 fast, we will send it here . So guys, now whatever commands it gives you, you have to accept them and run them. So guys, our UI is being built here, if you find this video useful, kindly like the video and subscribe to the channel for more amazing videos like this. Guys, currently our front-end work is just happening. Our main core, the main

8:14purpose of our video, is the back-end. So, after building the front-end, we are going to connect this front-end to our back-end. This will give you an idea that no matter what your front-end is, even a client's site, you can easily work on the back-end using AI. So, the way this command has arrived, I will run it. Similarly, you have to run every command that comes your way. So, with your permission, it will continue to build your UI step by step. So guys, let's wait a little bit until our complete UI is built. So guys, our app has been completely built here. You can see it right here. It has also provided

8:48us with a link where our app is running . So, let's click on this link. On the right side, inside the cursor itself, it opened our post scheduler. If you want, you can copy the link from here, open your browser, and paste it into a new tab to run it, and it will run there too. So guys, you can see that it has designed the complete UI for us exactly according to the reference we gave it. Here we have the dashboard, where we can see how many posts are

9:14scheduled and how many are published. Actually, in the beginning, guys, all this dummy data is available. And here are our upcoming posts. Recent activities are here. And the weekly schedule is here. Then when we come to the calendar here, look, a proper calendar page is also built here. Along with that, we have this 'Create Post' button. You can create a new post from here as well as from here. If we come to 'Create Post', all the input fields are here through which you have to create your post. Then here you will be able to see your scheduled posts. Then the media library will come up. All the

9:46images uploaded for your posts will appear right here. Then you will have your analytics here. Then the settings will follow. And here you can see the search box, notification icon, and your profile icon. So guys, you can see that Cursor has designed our complete UI in just a few minutes. Now our main task is to convert the static web application into a full-stack web application. Meaning, all the options here need functionality, converting them into logic, and performing actions for each. And we are going to do all those things using AI as well. As I said at the start of the video, we are going to use Inngest for the backend

10:24because it's a complete backend coding AI agent where you can handle database, authentication, storage, and deployment in one place. What do you need to do for this? Simply come to Inngest and sign up. I have already signed up and signed in. I am coming directly to my dashboard here. Guys, if you want to watch my detailed video on Inngest, it will be appearing on the screen. I will also add its link in the I-button. I have given you a complete introduction from start to finish, and shown in detail how to build amazing projects, apps, and all functionalities step-by-step. So guys, after logging into Inngest, you need to click New

11:03Project. Enter whatever name you want for your project; for example, I will write "Post Scheduler" here. Choose your region from here and then click Create Project. In just a few minutes, your complete project will load here. Okay. So guys, we have an interface that looks like this now. Installing Inngest. The way to install Inngest into any of your coding platforms is very easy. Just go to the terminal,

11:30copy this command, and paste it. Right? And here too, guys, you get to see different kinds of agents. You can also install it directly from here. But the easiest way is to install it via the CLI. You just have to copy this command from here. Come inside your coding agent. Open a new terminal from here, paste this command into the terminal, and hit Enter. Then, within a few seconds, it will completely connect your Cursor with Inngest. To put it simply, your front end will now be

12:00completely connected to the back end. And that too, with just a single command. So guys, look here, within just a few seconds, it has completely installed InSearch here. It has set it up. You can see this here, InSearch agent has been installed completely. So we will close it from here. Now our Cursor project is set up with InSearch. You can see this here. The post

12:24scheduler has opened up for us here. And we have this interface here in this way. Right now it has zero users, zero databases, no storage, and nothing else . Okay? Now, what do we have to do? Now we will come back to ChatGPT and tell it that we have connected our Cursor to InSearch for the back end. So, give us a detailed prompt that we can give to Cursor to add all the functionalities, logics, and build its back end completely. It will build our entire back end using InSearch. So guys, I have told ChatGPT here that I have built the front end and now I have set

12:59up my Cursor project with InSearch. I have also told it that this is a back end AI platform. Okay? Then I have asked it to write a prompt so that my InSearch handles my entire back end. All the buttons, authentication, login, sign-up, storage—everything should have proper functionality, and all data should be saved in InSearch simultaneously. Okay? And we hadn't included sign-in functionality. Meaning , there was no page for it. We entered our dashboard directly. I want us to first register the user, then sign in, and only then should the dashboard open for us. So, for that, I have added this requirement that it should also add

13:36login and sign-up functionality, which we call authentication. So, I will send this here. So guys, it has written the prompt for us again here. And here it has clearly said, "Now I want to connect this project with InSearch and build the complete back end functionality." Now, what all does it need to do in the back end? Authentication, login, sign up, logout, database, file storage, media uploads, saving posts, scheduling, moving to drafts, deleting, editing, setting the calendar; it has added all these things here. And how to set it all up, it has

14:08included everything within the prompt. So, we will copy it from here. We will come to our Cursor again. And now, we will paste this prompt again and hit enter. Again guys, just like we waited for the front end, we will wait for this as well. Whatever commands we get, we will keep running them until the

14:25back end is added to our complete app. So guys, let’s wait a little while until our complete app is built, then I will show you. So guys, our back end is now connected with the complete front end. You can see this here. It has defined all our complete features right here. What work was done on the front end previously, and what back-end functionalities it has now added. It has added the logic. It has explained everything to you right here. Along with that, it has provided the links that will run on our localhost for the app, and guys, it has also provided an end-to-end user flow. Meaning, where

14:59your web application starts and where it ends. First of all, any user will sign up, log in, and then enter the dashboard. Then they can create a post. Access the media library. View analytics. Manage settings. After that, they can create a post. Schedule it, and more. So, this really helps your user understand your web application. So, Cursor has created this for you as well. Let’s now try this app step-by-step to see if all the functionalities, buttons, and logic are working properly or not. Let’s run it

15:33in our browser. I will copy this. Coming to our browser, I'll open a new tab, paste it here, and hit enter. So, we have the sign-up form here. Right? So now, let’s go ahead and sign up first. Let's create an account. So, I'll type it in here. The name is Komal Words. Okay? And let's provide the email. Let's use the same password with eight characters. Okay? Entered the password in confirm password too. And then create account. So guys, you can see this here. It has told us that a six-digit code has been sent to the email you added. Enter it here to verify your email, as happens in a

16:11professional web application. So let's check our email to see if the code has arrived or not. So guys, look at that. We have received an email on our Gmail from Post Scheduler, which is our application's name, and this is the code. So we will copy this code from here. Come here, paste it, and then

16:30verify email. So look at that, guys. This app has become a proper full-stack application for me. Everything inside it is working properly. Now, let me show you one thing here. We'll come to our POS now, and see, one user has been added. Let's come to authentication. So , the user we just signed up has their email here. Meaning, it has stored all the data here. Okay? Email verified is showing as false. Even though we have already verified the email. So, I will refresh it here. So now, it is showing true. So, this means that even if you don't verify your email, the dashboard will open. But it will show the status

17:13of whether the user has verified their email or not. So here, guys, it is working properly. Now look, in our dashboard, our post schedules are zero. Published posts are zero, drafts are zero. Connected accounts are four, which I had previously connected to this. Okay? Alright. So the main thing is, what is written here? Live from database. Live from database means whatever data is added or updated here will update directly from the live database. So, we don't have any posts here yet. No upcoming posts, recent activity, or weekly schedule, nothing at all. So, let's try creating a post on this now. So, I come here to Create

17:51Post. And here you can write any post you want. For instance, I will add "Top 10 Viral Wall Panel Ideas" here. Okay? This is the name of my post. And which platforms do I want this post on? So, I will check them here. Twitter, Facebook , Instagram, and LinkedIn—I want it on all four. So, look, the live working is happening here. Okay? You can see this here. The post you are creating has appeared right here. Now, let's upload an image from here. So, we will upload any image from the system. You can see this here. The image has been updated. Now, let's select the date for

18:24the scheduled post. Let's select the time. Alright. Now I will schedule the post. You can also save it to drafts. For now, I will schedule it. So, it is being scheduled here. Let's wait a little bit. So guys, our post has been scheduled here. You can see this here. It has automatically redirected from Create Post to Scheduled Posts. And here, the status of our post shows as " Scheduled." Okay? It has displayed our post data here in a very nice way. The UI is amazing. You can duplicate it from here. Okay? The second post, which is the duplicate, will be saved in our drafts. You can see this here. Its

19:00status is "Draft," the other one is " Scheduled," and you can also delete it from here. So guys, all the logic and functionality are working properly for us. Now, we come to the Media Library here. So, the image we uploaded has also appeared in our Media Library. Okay? In the same way, we have our analytics here. Currently, one post has

19:19been uploaded to our website. Okay? Engagement is zero. Reach is zero. Everything else is zero. Here we have our settings. From where you can basically configure your profile settings. And here we have the user, whose settings you can manage and whom you can log out. Okay? So now, we come to our database. Now, coming here, I go into the database, and here we go into the table—the posts table. So guys, the post we just uploaded, "Top 10 Viral Wall Panel Ideas," has been

19:48updated here. Its status has arrived. Its date has arrived. We have a profile added; that profile has arrived. Meaning, all the data has arrived. And go to storage, look at the image we uploaded; the image has also been updated in our instance. So, a simple static application that we had built using Cursor AI. Using this, we converted it into a full-stack web

20:10application using just a single prompt. All your data is updated, retrieving, and saving. Your app is working properly. Now guys, if you want to take this web application live on the internet, you don't need any hosting. You can deploy your app while staying in Insp. Insp also provides you with this facility. You just have to go back into your Cursor and just write here: " Deploy my app in Insp." You just have

20:41to write this much and just hit enter. So, within a few seconds, it has taken our app live on the internet. You can see this here. It has provided us with all the links again; if you want to go to the home page, here is the link. If you want to go to login, here is the link. Basically, it's one link, but it has defined the pages step-by-step through the link. So let's click on this link. We will copy it, open a new tab, paste it, and hit enter. So guys, our website was running on localhost earlier. You can see this here. Now it has gone live on the internet. So

21:16instead of signing up, let's use the same email we previously used to sign up and sign in, since it's the same app , the data should work. So I will enter that same email and password here and sign in. Look at that, guys. It has signed in. Meaning, the app going live didn't affect my previous data at all. Everything is saved. The post we created, our post has arrived in upcoming posts. And whatever things I basically did, all those recent activities have also arrived. And now, if we come here to our instance, you can see the site option. Let's click on it. So you can see this here. Our app

21:52is now live on the internet here. And here it has shown that your app has been deployed within Insport. Guys, for those who have a question here that it only updated on a dummy URL. If we want to use our own domain, meaning if you are building a business site and you want to attach your domain, you buy the domain and come here to Domains. From here, you can add the domain, paste it, and get it connected and set up. If you want to create a domain with any other custom name. Like I will do by going to create, with the name Komalverse, and then save. So look, the

22:27komalverse.infoss.site URL has been created here, and our web application is now live on it. You can see this here. So I hope guys that this video was very useful for you. You must have learned quite a few new things. I don't think. So guys, is there any AI coding platform like Insport that develops your complete backend in one place just through prompts? Whether it's authentication, storage, database, or even deployment. If there is such a coding platform, you must let me know in the comments. You will find the link to Insport in my description box. And guys, if you want more videos like this , you can comment to me for that. So

23:05guys, see you in my next video. If you guys liked this video, then like, comment, and share this video. See you in the next video, guys.