# Databutton Full-Stack AI Agents are INSANE (FREE!) 🤯 ## Метаданные - **Канал:** Julian Goldie SEO - **YouTube:** https://www.youtube.com/watch?v=29j2kb3Wg2c - **Дата:** 16.02.2025 - **Длительность:** 12:48 - **Просмотры:** 19,905 ## Описание 🚀 Get a FREE SEO strategy Session + Discount Now: https://go.juliangoldie.com/strategy-session Want to get more customers, make more profit & save 100s of hours with AI? Join me in the AI Profit Boardroom: https://go.juliangoldie.com/ai-profit-boardroom 🤯 Want more money, traffic and sales from SEO? Join the SEO Elite Circle👇 https://go.juliangoldie.com/register Click below for FREE access to ✅ 50 FREE AI SEO TOOLS 🔥 200+ AI SEO Prompts! 📈 FREE AI SEO COMMUNITY with 2,000 SEOs ! 🚀 Free AI SEO Course 🏆 Plus TODAY's Video NOTES... https://go.juliangoldie.com/chat-gpt-prompts - Join our FREE AI SEO Accelerator here: https://www.facebook.com/groups/aiseomastermind - Need consulting? Book a call with us here: https://link.juliangoldie.com/widget/bookings/seo-gameplanesov12 Building Full-Stack Apps Without Coding Using Data Button | Step-by-Step Guide In this episode, we test 'Data Button,' an AI agent designed to help you create a full-stack application easily. The tool goes beyond typical no-code platforms by allowing you to build complex apps with features like Firebase authentication and Stripe payment processing. We demonstrate creating an SEO job board app from concept to deployment without a single line of code. The tutorial covers setting up requirements, using custom GPT prompts, integrating third-party tools, and deploying the app. Ideal for anyone interested in saving time and leveraging AI for software development. Join the AI Profit Boardroom for more insights, community support, and step-by-step guidance. 00:00 Introduction to Data Button 00:28 Getting Started with Data Button 00:45 Building an SEO Job Board App 01:48 Uploading Specifications and Requirements 02:09 Creating Accounts and Integrations 02:31 Step-by-Step App Creation 03:45 Deploying the App 05:19 Setting Up Firebase Authentication 07:38 Testing and Troubleshooting 09:36 Customizing and Finalizing the App 11:18 Conclusion and Additional Resources ## Содержание ### [0:00](https://www.youtube.com/watch?v=29j2kb3Wg2c) Introduction to Data Button So today we're going to be testing out data button which is like an AI agent that can essentially do a full stack code for you so this is Way Beyond for example oneclick no code tools like bolt or anything like that because you can actually build the full stack and you can deploy to a domain it's very easy to do that you can even for example integrate strip processing and you can do it without coding because you can just go back and forth in the chat and connect Firebase as well so let's crack straight into this we're going to click ### [0:28](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=28s) Getting Started with Data Button get started so you can also connect it to your GitHub account which is super useful for pushing this live and then once you've logged in you can basically build whatever software you want so inside the description here you can just explain what it is what you're trying to build how it works Etc so here's an example we're going to say ### [0:45](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=45s) Building an SEO Job Board App build an SEO jobboard app add a login page full stack application for SEO agencies trying to add your seos allow them to upload jobs Etc and then we're going to click continue now from here what you can actually do is upload specifications requirements user stories prompts quotes Etc and then I'm going to use a custom GPT to prompt this inside the AI profit boardroom I'm going to say for prompting data button full stack AI Creator give the prompt build an SEO jobboard app add a login page full stack application for SEO agencies trying to hire seos allow them to upload jobs Etc and then include information on requirements user story specification and quote now this just allows me to plan out the whole project using Ai and this custom GPT is built for example like prompt in cheet apps like rode Klein GitHub co-pilot and also bolt so you can see here for example it's coming up with the specifications so we'll be using Firebase for authentication then adding some quotes Etc and we'll copy that prompt and then plug it straight into Data button so ### [1:48](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=108s) Uploading Specifications and Requirements let's download that then we'll drag and drop it in here so that's uploading the requirements then once that's uploading we can click on continue it says you have any websites or images we can use for Iration let's take a screenshot of for inspiration like you can see obviously you need to be careful with copyright and stuff like that I'm not planning to launch a job app this is ### [2:09](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=129s) Creating Accounts and Integrations just for a demo on a website but you can see how we're building that out step by step then for creating accounts you can actually link fire which will allow people to log in with for example with their Google accounts for example and also we can set up Stripes so stripe will allow for payment processing you can also link this to Super basee as well so there's some more some stuff you can do with this for authentication ### [2:31](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=151s) Step-by-Step App Creation let's go with Firebase and now is creating the app step by step what I love about this is just how easy is and you can build MVP so you can see here the AI agent is saying I'm taking the information you've provided and turning it into a plan so we can follow to build an MVP users will love all right so we filled in the description the requirements the inspiration the Integrations now this goes far beyond something you can build with bolt. new or these other apps like this is creating something that's far bigger right if you just want to create a simple landing page simple game a simple tool bolt. new is great for that but if you want to build something pretty epic like this like you can see we're it's even giv us the idea for the SEO agency job board name which is SEO connect Hub and you can see step by step it plans out exactly how to build this plus you've got a chat if you want to ask any questions and you can see here is hello it's wonderful to chat with you I'm excited to help you bring your SEO job board Vision to life I've created a detailed implementation plan that will take us from concept to a fully functional MVP and the whole process is just so easy all you need is the idea and let's be honest like you could ask chat GPT specific for 20 different ideas in your Niche and then you can launch all these apps share them for free use it for lead generation or whatever you ### [3:45](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=225s) Deploying the App want you can also see there's a deploy option over here now if we want to add Firebase we can do it like so it gives us the instructions and it's pretty easy to set up and now we can start going off and completing each task step by step so if we click on start Task this is now going to start working as magic like you can see it's just going off and it's right now I'm going to create the landing page so it's got the observations the plan and the next steps on what to do bear in mind like I have zero coding experience never learned code but now I can build a full stack app using this process you can see some of the other steps as well so for example like building job posting management for agencies implementing the job search and listing page developing the agency dashboard the jobseeker dashboard and creating a basic admin panel for Content moderation now we've got an update it said implemented professional landing page with clean navigation bar hero section features grid and strong if you want to check this out you can just click on here so you're just going to add a custom username that you can use on the app then you can click on deploy app and it's got the subdomain ready to go so we've got the app deploying in the top right like you can see right here so it's got like a load in status now once it's deploying it might take a few minutes to deploy that what you're going to see is a loading section like this now we have the subdomain deployed and boom look at that is very much inspired by obw word. com so it's got SEO connect you can sign in you've got a sign-in page you can post a job browse the jobs and create an account and it's looking pretty good so far that's just stage one so we can mark that as done now and now we can move on to setting up the Firebase implementation so this is ### [5:19](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=319s) Setting Up Firebase Authentication how people can log in get their usernames Etc so if we click on start Task we're going to go over to Firebase go to our project then we need to go to Project settings so if you go to overview and then project settings it would be better if it told you exactly where to go cuz this is pretty General to be honest with you if you're trying to figure this out for the first time if you're not sure what to do here what we can actually do is just take like a screenshot of that and then I'm going to go over to clae paste in the image from data button and say how to set this up so now we need to click the code icon here we go give the app a nickname so we'll put data button here register the app then we need to take the code from here go over to data button plug that in and now all these links are linked right so if we go back here we're going to click on or get started authorize domains inside the settings section so go to settings authorized domains then we're going to copy this we'll add that domain and we'll add that one here we go you can also enable fir store database which will allow you to collect used data and then we'll install this so it's creating a login page for the app now that was fairly simple and easy to do and by the way if you want the sa for all this stuff that we're doing step by step feel free to get it inside the AI profit boardroom including all my best agents and everything else so if you're getting stuck or if you need weekly coaching or you want to jump on a call with me you can join the AI profit boardroom and we do weekly coaching calls plus you can watch back and ask any questions you have inside the community so it's setting that up now and this was easier than I expected I thought something would go wrong there usually if you're using something like bolt you get loads of Errors you have to go back and forth a lot but this seems to be much easier which is great all right so we've set that up now this should be looking pretty good if we go onto our domain we've completed step number two which is beautiful and now we're just going to keep running through each section set by step so we've completed stage two can mark that as done let's get started with this the rest of it should be pretty easily it's really only the Firebase bit that's a bit tricky because you have to integrate connecting the domains and authorizing it and that just takes a couple of minutes to get your head round the first time you're trying it but apart from that this is pretty simple stuff I'm no genius so this should be good to go now I've got the job management dashboard the implementation of the management system the edit job page we can test that it works as well if you have any ### [7:38](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=458s) Testing and Troubleshooting errors along the way what you can also do is say for example whatever your problem is you can say okay when I Tred to test this and it doesn't work here's the error right and then data button will actually fix any errors and troubleshoot them for you as well bear in mind as well when you deploy you want to deploy the current version of it each time you want to test to change so for example this was last deployed 19 minutes ago so we want to deploy the new version now and once that's done you'll get a successfully deployed app notification let's refresh the page see what we got here and if we click on post a job which wasn't working before the deployment now we can sign in with Google and test out and now we've logged in with the Gmail account and that was beautiful so now if we put in the details of the job okay SEO agency VA we'll put in here job description for an SEO agency VA on chat GPT just so we can plug this in with some demo data one thing to bear in mind here when you're setting this up you want to make sure that you have if you're testing this on the test domain make sure that you have the test domain set up as well right so we've got for example Julian gold. datab button. apppp allowed on the domains list otherwise you won't be able to sign in with Google we're going to just put in this dummy data right here as an example location Zimbabwe of course 100 we're feeling a little bit stingy maximum salary one 10 million cuz sometimes you never know and then we're going to click create job post and we can just go off and create our job post so it's all pretty simple and easy to do I've shown you how you can log in post jobs you can build this within a few minutes you sit down for half an hour you can get this deployed and set up and it's really powerful like it's pretty amazing this is by far like the best way I've seen to create something to create some sort of big one thing to note here as well is that we haven't actually paid for this at all so if we go to profile and then we're going to select our plan we're not on any pay plan here this is completely free so far they do have premium options but from what I've seen so far I've not been charged which is absolutely wild now if you're making UI changes and that ### [9:36](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=576s) Customizing and Finalizing the App sort of thing so for example at this point we're working on task number four which is adding the job search feature so you can see that you can actually preview different parts of the project so where it said add job board job card component and search we can preview that and have a look here we can also look at the code that's been updated as well so this is for the job search section so it's easy see changes as you go along which is pretty cool you can also change the brand colors so if we say okay change the projects brand colors to these it's now updating the code across the project updating the index. CSS of the project files you've got all these project files as well on the left hand side so you can see as well you got like the sign up page the UI components and you can see that's now been updated with our brown colors so we added the orange that's looking pretty nice now the only thing that I would warn you about is the coding and the changes back and forth they do take a little bit of time so just be prepared for that and then once it's done that you can just redeploy this so it's asking you to redeploy the app we can click on yes okay let's go and then we can go back to our plan right so in the top left here as well just one thing to knowe is you've got a plan and you've got a preview section so preview you can preview what's going on inside the project and then plan you've got the step-by-step tasks for each section of this project and then once you've done each part you can just click on markers done there and just tick it off so that is deploying now we've got that good to go so let's open it up and it's looking a lot better you can see you got themed orange the CTA butons orange Etc we can sign in as well let's try that and you can also see here on the sign up page you can choose between being a job Seeker or being an agency so thanks so ### [11:18](https://www.youtube.com/watch?v=29j2kb3Wg2c&t=678s) Conclusion and Additional Resources much for watching if you want to get the full step-by-step sap for you or your team so you can go off and create full stack apps with data button and there's no coding required here and this is all free as well you can see everything I've done today is for I've shown you proof of that and inside the AI profit boardroom I'll put the sap directly inside there this will also include the custom GPT for prompting data button along with the full instructions on how to implement Firebase and follow all of this step by step along with that this also comes with an amazing community of people interested in scaling saving hundreds of hours and making more money with AI you can post in the community if you have any questions there's tons of courses and video tutorials like you can see in here that you won't find anywhere else and also there's weekly q& as so if you want to just jump on a call with me ask me some questions so you can do that each week inside the q& as and if you can't make them the Q& A calls are recorded back link to that is inside the comments in description and if you want to get a free SEO strategy session that shows you how we te websites from 0 to 145,000 BS this month and generate hundreds thousands Dollar in sales on autopilot feel free to get that link in the comments in description we'll show you on this free link building acceleration session one to1 we'll give you a free SEO domination you get a custom tailored link building plan to generate more lead sales and profits your website you'll discover the secrets SEO link building or answer any questions you have want to want you'll learn the best link building strategy for your website plus how to quickly rank you compar to link building and how to 10 XS your traffic based on what's working for us and our happy clients feel free to get that link in the comments description appreciate you watching bye-bye --- *Источник: https://ekstraktznaniy.ru/video/6826*