00:00It's deploying to Cloud Run

00:00And there we go

00:01I didn't have to click anything

00:02It just automatically started building it and then automatically appear on the website at my own domain

00:06So, you've coded with AI

00:08You've vibe coded an app

00:10Now, what? How do you make your app public? How do you share it with other people or use it yourself outside of Google AI Studio? Hi, my name is Callum, also known as Wandloots, and welcome to today's video on deploying apps from Google AI Studio

00:23How to make your app public and best practices to consider along the way

00:27I know deploying and hosting an app can be pretty overwhelming, so my goal for today is to make this as easy as possible, showing you step by step how you can do it yourself

00:37Google AI Studio is one of my favorite places to build apps for free using the extremely powerful Gemini 2.5 Pro and soon Gemini 3

00:43The build section was recently updated to be even easier to use with more features

00:48In the last video, I showed you how I built apps for free in Google AI Studio with AI coding or vibe coding

00:55But Google AI Studio is a sandbox like most AI coding websites

01:00To actually start using the app or share it with others to use, you need to deploy your app and host it somewhere

01:06While the tool I use today is Google AI Studio, I also show you how to deploy apps from GitHub, which means this tutorial actually applies to every app building ecosystem that connects to GitHub

01:15In today's video, I walk through a quick overview on building apps in Google AI Studio, including a few new features

01:21Then I show you two different options for deploying your app, Google Cloud Run and through GitHub using Versel or Netlefi

01:26I also give context on why deploying this way makes it easy to test and add more features to your app

01:32Finally, I'll give some tips on the next steps for your app, including how to get Gemini to help you improve and secure it

01:37If you found this video helpful, please like, hype, and subscribe, as I am working on making YouTube my full-time career, so any support you can give me is very much appreciated

01:45Now, let's deploy an app

01:49So, I just want to note that today's video is going to focus on deploying apps, on taking the apps that you've built in Google AI Studio and making them public

01:56But there are a few updates to Google AI Studio in the last week

01:59So, I just wanted to give a very brief overview on the app building process

02:03And if you're interested in learning how I build apps with Google AI Studio, I have a whole video here that a lot of people have been finding very helpful where I walk through context engineering, prompt engineering, and generally just a bunch of tips on how to vibe code

02:14But when you get into Google AI Studio, we have different options here

02:17Now they've changed the interface a little bit where you can vibe code apps in build

02:20You can chat with the model

02:22So this is the old chat version and then you can monitor usage and more in the dashboard

02:26So today we've been working on the build section and you get a bit of a different UI than we had before

02:32My recently viewed apps are on the side here

02:34I can click on my apps and it'll load them here

02:36We can go to the gallery and see how other people have built apps

02:39And what's new is they now have this option to select specific generative AI features that you can include in your apps

02:45So, for example, if you want to create a conversational voice app, you can just click on that and it will automatically bring in that specific style of prompt into the app that you want to build

02:54And let's say you want to bring in Google search data, you want an AI powered chatbot, you want to transcribe audio, and you want to bring in a map feature because why not? You can go through and you can toggle all of those different generative AI features and then explain how you want these features to get tied together

03:08You also have the option now to change your model if you want to change down from Gemini 2.5 Pro if you want to go to Flash, but I would stick with 2.5 Pro because it's a much better coder

03:17And that's it

03:18You can just click build and then you'll start getting into the actual app with the code

03:22We're going to see more and more AI features being incorporated into apps

03:25But I also want to give a quick warning that the more features you bring in with generative AI, the more probabilistic the app becomes and less deterministic

03:33And just quickly, what that means is if we're bringing in all these AI features, it introduces a little bit of unpredictability into your app because you're dealing with a large language model that operates on probability, not determinism

03:47So, it's not if this then that, it's if this, then we'll try to get to that based on the statistic likelihood of what that is

03:54So, just keep that in mind as you're building here that in my experience, it's better to build the core app for what you want and then layer in each individual AI feature afterwards

04:03And just one more thing to consider too is that the more AI features you bring in, the more it's going to cost you in the long run

04:09And that's where we get into the API and monitoring the usage

04:12So just keep that in mind that if you have all these AI powered features, it means you need an AI model to run them, which means you might have additional costs once you actually get your app into production

04:23All right, with that, let's take a look at the app we built last time

04:28Today's video is going to focus specifically on the deploy side of things

04:31this little rocket ship up on the top or through GitHub which I'll show you in a moment

04:34And in the last video, we went through and we created this application, this idea inbox

04:38It has a basic text input

04:40We can upload templates here, which means that it will take the note that we wrote here and it'll apply the template

04:46And then when we click save, it will download the file to my computer

04:50And the idea here is that we're building a progressive web app

04:53I'll be able to move this to my phone home screen, open this app, and quickly draw ideas in and then send it over to Obsidian, which is my note-taking app

05:00And once the idea is here inside of Obsidian, it'll appear inside of my Obsidian base, which is a way for me to organize all of my notes into a database

05:08And this is my project management base

05:09And you can see the idea has appeared here because it has that idea template applied to it

05:13So that's basically what we built last time very quickly

05:16And if you want to learn more about bases and how they work, I recommend checking out my playlist that goes more into Obsidian bases

05:20But in this last video, I did more than just code the app

05:24I just want to quickly mention this because I think it's a really important element to coding with AI where I also showed you how I prompt different document creation inside of Google AI studio so that for example if you need to refresh the conversation or refresh the page you don't lose all the context of what you've been building here

05:41So you can go through then check out the architecture and have an exact idea on how we have built this app

05:47Google will use this to answer your questions

05:49So if you have these docs here it just makes things so much easier

05:52So if you want to learn more about prompt engineering and context engineering then check out the first video because today we are focusing on getting this into production

05:57And what do I mean by that? For example, this is my website at wandludes.com

06:04All of the files for this website have been deployed to a hosting platform so that they can be viewed at wandoots.com

06:11I have the same thing for my digital garden which is where I take my Obsidian notes and make them public

06:16And this is at wandoots.xyz

06:16So a select number of my Obsidian files have been moved into a GitHub repository and then deployed through Netlefi

06:24So that means that they can appear at wanderloops.xyz and you can see this

06:28It's available to the public

06:30In contrast, this application here, this idea inbox, it is inside of a sandbox on Google AI Studio, which means that no one else can see this, and I can't use this, for example, on my phone

06:41So, what we need to do then is we need to get up into this section here where we need to deploy the app or save it to GitHub and connect GitHub to a deployment system

06:49And if you watched the last video, you know that I had an error with the GitHub connection

06:53And I've actually been able to fix that

06:54So, I'm just going to very quickly show you how to turn on the GitHub connection because GitHub enables what's called versioning or version control, which means that as you make changes, you're able to go through and track those changes in GitHub and you can always roll back if you need to

07:08And just as a quick note before we really get into this, I like to duplicate my app before I start making any major changes

07:14So I had my basic idea inbox prototype and then up here I clicked copy app and I created a deploy version just so that if I go through and make some changes and happen to break something, at least I've got this backup copy over here

07:27And GitHub kind of gets rid of the need to do that because what I can do is if I save this to GitHub, I push all of these code files to a separate area and I can always get a copy of them later

07:39Now I can just click download app and get a zip file of this entire application and re-upload it to Google AI Studio or upload it to GitHub

07:47But having this direct connection to GitHub just makes things a lot easier

07:50So, the way that I was able to fix the problem I had last time, if I tried to use Google AI Studio in Chrome, I think because I had a different GitHub account connected to a different Google AI Studio, it was running into authentication issues

08:01But now, if I click on it, I was able to authenticate and connect GitHub

08:05So, I actually haven't pushed this to GitHub yet, sent the files there because I wanted to show you how this works

08:09And what you can see here is it has this AI summary of everything that we've done so far in this application

08:15So, we need to stage and commit all the changes

08:19Because this is the first time I'm pushing this to GitHub, all of these files were added

08:22So why don't we click stage and commit

08:24Cool

08:24There we go

08:24Now there are no changes to commit

08:25So for example, what I could say is based on the structure of our application, can you please write a deployment guide on how we can deploy this app through Google Cloud Run and GitHub via verbal

08:36I meant versel

08:36I think there was maybe an auto correct there

08:37And just while that works, if I go back to my GitHub for a second, we can see now that I have this idea repository that was generated from Google Gemini AI Studio repository template

08:46All of my files are in here

08:49So, what's nice about this is this exists as a private repository on my Wanderloots 2 GitHub account and I can connect that GitHub to something like Versel, which is a deployment platform and hosting platform or Netlefi, which is the same thing, another version

09:01And basically what it will do is it will take all of these files

09:04It will send them to Versell or Netlefi and it will go through and it will build the application at a custom domain in the same way that I can run through Google Cloud Run

09:16But I just want to show you quickly how GitHub works because for example Google AI Studio has written a deployment guide

09:22If I click save on this app, it will save the change of this deployment guide

09:26And if I go click on the save to GitHub now, it pops up and it shows you the different files that were created here

09:31and it automatically creates a change log

09:33So if I click stage and commit changes and then go back to GitHub and refresh here, we can see that there's now three commits

09:38So I have a full and complete version history of everything that's happened in this application

09:43Every time I push to GitHub, it creates a new snapshot of exactly the changes that I've made

09:47It's version control

09:49So what's really nice about this is let's say you go through and remember at the beginning I mentioned the probabilistic nature of AI versus the terministic nature

09:56If Gemini goes in and tries to deploy a Docker file and that's not what I'm trying to do in GitHub, at least I have that snapshot of the previous changes

10:03So I can always go back and say, "Oh, wait a minute

10:07Maybe I want this version of the index and I could go and I could click on this version of the code to go find that old version of the index file." And I could just either upload it or replace it inside here to roll it back

10:16And that's just one key limitation to note here in Google AI Studio is that you can only send files to GitHub

10:22You can push, you can't pull it back

10:25So if you want to pull it back, you're going to have to go replace the file in here

10:27So every time you add a new feature, every time you make some major change or major fix or debug, it's worth saving the app, pushing it to GitHub so that you have that version control

10:37If you want me to make a dedicated video on GitHub or pushing files or doing version control or anything like that, please let me know in the comments

10:43By you asking questions, it really helps me focus the video in a way that's going to be the most helpful for you

10:48Now that you understand how to version control, especially as we start to get into changing the app a little bit for deployment, why don't we actually deploy the app

10:58So I'm going to start by showing you how to deploy the app through Google Cloud Run

11:01And then I'll get into how to connect GitHub to an external service like Versell so that you can launch your app through that

11:06Okay

11:06So if you're deploying through Google Cloud Run, all you have to do is click deploy app

11:10And then we need to select a cloud project

11:13So I'm going to create a new project

11:14I'm going to call it idea inbox

11:14Create project

11:17And it's going to tell me now that in order to deploy the app to Google Cloud run, the app is going to become accessible via a public URL

11:22And a really important element, I can't overstate this, is that the API key that you've connected to with Google AI Studio will not be exposed in the app, but will still be used by the application

11:36So that's a major benefit of using Google Cloud Run is you don't have to deal with the security of your API key because Google Cloud Run because it's connected to Google AI Studio will do that for you

11:46So basically what that means is every day you get a certain limit on your Google AI studio API key

11:53Maybe it's 500 prompts or 100 prompts or a thousand prompts depends on how you're using the app

11:58If you expose your API key in the application, for example, if we go to a website and click view page source, if you're not careful, the API key could be exposed inside of this code here or viewable in the console on the side

12:14So, we don't want that because what that means is someone could just very easily hack into your app, use up all your API key, steal it, use it in their app

12:21That's no good

12:21So, a major benefit of using Google Cloud Run is that they will do that protection for you

12:27Okay, so now that I've explained the API key, the goal is that this app is going to be available via public URL, and we've created a Google Cloud project, but we need to enable billing

12:37So, basically for this, you just need to sign into your account, click agree and continue

12:40And what's nice here is that there's no automatic charges, so you won't be charged unless you manually activate a full pay as you go account

12:47So, that's pretty key

12:47And now I'm going to click start free

12:48I'm not going to get into this right now, but there is a walkthrough here on different elements if you want to learn how to use this

12:54So, you can always go through that tutorial if you want

12:55All right, I'll turn on dark mode just to help protect your eyes

12:59Cool

12:59So now we can see that I can click on this project here, idea inbox, and we've got everything connected here

13:05So let's go back to Google AI Studio, and click refresh

13:10It's now verifying the project

13:10Now that I've connected the billing, I'm able to deploy the app

13:13And just before you do this, I always recommend checking out the platform terms of service

13:17You want to make sure that whatever tool you're using to deploy your app doesn't have hidden fees, doesn't have something that's maybe giving up your intellectual property

13:26With Google, it's a bit of a different story because obviously they're a very wellknown company

13:29But I always recommend reviewing the terms of service, but maybe that's just the lawyer in me

13:35But now, let's click deploy app

13:36There we go

13:36It's deploying to Cloud Run

13:38So, you can see here that the app is using the API key

13:40And most importantly, the whole reason that we're here is we got this URL idea inbox deploy and this long string

13:46So if I click on this, I get taken to my app and I have this URL that I can share

13:51That's pretty cool

13:53So now this app is a fully functioning app that I can share with people

13:56I can take this URL and I can run it from my phone and I will get that app I was talking about

13:59And if we click on this here, we can open it up in Google Cloud Run and we can see everything about this application

14:04So there's a lot of information here and I don't want to get too into it at the moment

14:10Please let me know if you want me to go in and explain any more elements of this

14:12We have the URL that it's deployed at

14:15We have the ability to test the app here and run it

14:16We can edit and deploy a new version of the app

14:20And if we go back to the overview here, we can see that there's a few more elements here

14:23We can write functions

14:26And we can even connect a GitHub repository

14:27So what that means is let's say we are done working in Google AI Studio

14:32We're now running the app fully on our own or we've connected to GitHub

14:36We can just connect the repository here and then we don't need to use the prototyping system of Google AI Studio

14:41We can just continue the app in full production which basically just means that it's available for others to use and it's ready for others to use

14:46And just before I show you how this looks on my phone, I just want to mention that a key element here is that we get this redeploy app button

14:57A reminder to please like, hype, and subscribe if you're finding this video helpful

15:00Any support you can give me is very much appreciated

15:02The more people support me in making these videos, the more videos I can make to hopefully help as many people as possible

15:07If you're looking for more ways to support me so I can keep making these videos, please also consider joining my membership

15:13Also, please let me know in the comments if you have any questions about what I'm teaching you today or if there's anything else that you would like to see me build

15:19I'm happy to make more videos to help you out

15:21Now, let's keep building

15:24Let's say I want to add a new feature like a dark and a light mode toggle

15:26I can go in, have Gemini run and code for me, implement that new feature, save the app, and then I can just redeploy the app and that feature will be available there

15:36So effectively, what this means is I can now keep working in development

15:39I can keep making features

15:41I can keep changing things, updating it as I go

15:43And whenever I hit a new version that's ready to be made public, I can just recclick the deploy button and make that app available on this website right here

15:51Cool

15:51There we go

15:53It just finished

15:53Go to preview

15:53I mean, that looks pretty ugly, so we might have to fix that a little bit

15:56Apparently, that's the dark mode

15:57And this is again, of course, where as you go through, you need to iterate and make changes

16:00If I don't like that, I can just click refresh and don't save

16:03So, I just told it to please debug

16:06So, just as a quick note, while this is working here, this is an example where I implemented a partial feature that only slightly worked, right? This is not what I imagined for a dark mode

16:15So, I didn't save the app and I didn't push it to GitHub because I want to make sure that I can fix this feature before I create that saved copy

16:23The app was working better before over here

16:25So I don't want to redeploy a partially added feature

16:29So this is where now that the app is deployed, we have this production version available for other people and we can keep going in and tweaking features in the development mode in Google AI Studio until a new feature is ready to go and then we push it to production to make it available for everyone on that URL

16:45So now it's just going through, it's coding it, it's fixing the what was a CSS layering issue

16:52So that'll just take a moment

16:53Oh, I just want to note too, it took about 2 minutes for the deployment to happen

16:56So, if it's just loading for you and you're not sure if it's working or not, it probably is working

16:59It's just taking time to push all the files to Google Cloud Run, set up the environment that it's going to deploy the app in, and then actually run the app

17:07And just while this is going, as another tip, you'll notice that this is running everything through this one index.tsx file

17:14So, that means that every time Google wants to make a change, it's rewriting this entire file

17:17What you can do is you can create something called a components folder and we can have different components and different features included as separate files in here

17:26This is called modular app building and I highly recommend it because it makes it way easier for rather than having Google have to write 600 new lines of code every time I want to make a change

17:35It can go in and find just for example the dark mode toggle and fix only that feature

17:39Because if it's going through and doing all of this and writing all of these hundreds and hundreds of lines of code, there's much more room for error

17:46There we go

17:46Go back to preview

17:48Okay, that didn't seem to work

17:50I'm not going to spend more time on that at the moment, but I just want to show you now what we can do is we can click save on the app

17:53Click save to GitHub

17:55It's going to load the file differences

17:56And specifically, you can see here it's already automatically created a description to explain what we did here

18:02So, I'm going to stage and commit all changes

18:03So, now we have that snapshot, that version of it

18:05And now I'm going to go over to deploy app, select the project idea inbox, and because I selected that existing project, all I need to do is click redeploy app

18:13And now it's going to go through and do that same process

18:15And once that's done, when we refresh this page, we will have that malfunctioning dark mode feature implemented

18:20Yay

18:22There we go

18:22So, that deployed a lot faster

18:24Let's click view app

18:24Now, we have the old version here where if I just go and click refresh, you can see that we've got this new dark mode feature

18:31But why don't we take a look at how this looks on my phone

18:36Okay, so I'm just looking at my phone now

18:37And what's really interesting is that the light mode actually works properly

18:40The dark creates the whole screen that looks correct

18:43So clearly there's just a disconnect here between the mobile version and the web version

18:48But it looks like everything's working here

18:49I can click I have an idea

18:49I should teach people about custom domains

18:54Done

18:54And now if I go down and click save note

18:56Cool

18:56I can click download and it downloads the file

18:58I have a little bit of work to do there to actually move that file into Obsidian to have it be where rather than just clicking download, I can go down and share and move it to Obsidian

19:07But what I also want to show you just very quickly here is that this is a progressive web app

19:12So if I click share, there's this button here, add to home screen

19:16So if I click that, I can just add this to my home screen and right away I now get this actual application here on my phone screen

19:21So I can click on that idea inbox and it takes me directly to the app itself

19:25So this is that progressive web app that I was talking about before where now that we have this app hosted somewhere, we can create basically a super easy version of it sitting on our phone in the same way that I have Google AI Studio on here

19:39So that was a key goal here so that I can just quickly open this

19:42I can just jot down a thought

19:43Again, I need to fix the feature here, but I could then click share to Obsidian

19:46It would just save this to my Obsidian Vault, and I'd be able to then access it from my phone rather than having to go in and actually open Obsidian itself

19:53So, it's cool that this progressive web app actually works, no problem

19:56And I can just make as many changes as I want and keep updating that app

19:59And I really get this personal app that I can build for myself and customize in any way I want to

20:03Okay, now I just want to very quickly show you how we can do the same thing directly from GitHub without using Google Cloud Run, which gives you more flexibility on your hosting provider and on your deployment system

20:13There's a major benefit in using GitHub

20:18If I click refresh here, we should see the new deployment with the dark screen, the dark mode theme switcher

20:21So that's now here

20:23And basically what we can do is we can go over to another app like Versel or Netlefi

20:26I use Netleifi for my digital garden and I use Versell for most of my testing apps

20:31Why don't we log into Versell for a moment? So the first thing you need to do is create your account

20:36I'm just going to create my account using GitHub directly

20:37It just makes it a little bit easier because I know that I'm always going to be using Versel directly from this GitHub account

20:44So now what we need to do here is click install the GitHub application

20:47We can choose if we want this to be installed in all repositories or only select ones

20:51So I could for example find only the idea inbox if I wanted to

20:55But I'm just going to install it into all of them for now because this is my separate test one

20:58Cool

20:58So now that I have signed in and connected my GitHub, you can see that I've got this idea app already here

21:03So to start building the application to deploy it, all I need to do is click import and we get brought to a new project

21:10So I'm going to just call this idea inbox

21:12And this is where we start to get into a little bit more complex control

21:15Here we have the option for environment variables, which is where we would put our API key, for example, in the future

21:23We can get into build settings, which we don't really need to touch at the moment

21:26But the key one here is which framework preset do we want to use? For example, there's Vite, there's React, there's Nex.js, there's a lot of different things that we can pick here

21:37So, if you're ever confused, which one should I be doing, you can always go back to your Google AI Studio, and this is just a major tip that I found for working with all this stuff is that it can be complicated

21:46It can be confusing, especially if you're doing it for the first time

21:49But you literally have a tutor that can help answer your questions immediately

21:52So, for example, I said, "I'm deploying through Versa

21:56Which framework preset should I use?" And I said that's a great question sickopantically for deploying this application on versell you should use the vite framework because and here's the explanation so you understand in the future

22:06So if you go into the code we can see that we have this vite config file which is pulling in the API key and it's dealing with running the react application

22:13So that's great to know

22:13I had a question and Google was able to instantly answer it because it has the context of my entire codebase

22:18So if you're confused at any point throughout this entire system just go ask Google

22:24So now that we know that we want to use Vite, I'm going to click deploy

22:25There we go

22:26It's deploying

22:26Cool

22:26So, that took about maybe 20 seconds or so

22:28And it's nice, too

22:30It's telling me there's some next steps

22:32We have instant previews

22:33So, basically what that means is every time I make a change and save it in GitHub, it's going to automatically build the application for me

22:40So, I never have to manually do it

22:42We can get into adding a custom domain, which is what I was talking about before that I show you how to do this in the how I publish my Obsidian Notes video

22:49And let's just continue the dashboard so you can see what this looks like

22:50Again, there's a lot of information here and I'm not going to get too deep into it at the moment

22:54I just want to show you a couple key elements here

22:58One is that we've got the repository here

23:00Another is that we can track the usage and it gives us our own custom domain that points to this deployment

23:05So if I click on idea inbox versel.app, I get that same application here

23:07And it seems actually like it works fine on this dark and light mode

23:11So that must have just been a Safari issue versus a Chrome issue

23:14But we have this fully functioning app and now we have this idea inboxell.app

23:17So it's kind of cool that we get this much better domain

23:20In my opinion, it makes it very easy for me to share this with people

23:23So, I hope that shows you how you can use Versell

23:26We've got our deployments here

23:26We've got our analytics, all the settings

23:28If you do need to add your API key, we can do that in environment variables so that we keep it secret

23:34And that's just actually something I want to bring up in a moment here, which is some tips on what else you should be asking Google Gemini to make sure that you're keeping your app safe

23:42But for now, I just want to quickly show you how this app would rebuild

23:45So, we go over to deployment and rather than adding an entirely new feature here, I'm just going to create a new file

23:51Let's just call it welcome to one of those tutorials

23:53Click save app

23:55Save to GitHub

23:55We can see that it's got the new file here

23:56Click stage and commit

23:58So now, while it's doing that, if we go back to our other app here, you can see I didn't have to click anything by adding a new feature and pushing it to GitHub

24:04It automatically built and made the change to the website directly

24:09So, this makes it super easy for you to make any changes, add more features as you go

24:12And every time you make a feature that you're like, "Oh, you know what? this was great

24:15I'm ready for people to test it out or I want to start using this as part of my personal app

24:18I can just push it and it will automatically build in Versell and then automatically appear on the website at my own custom domain of idea inbox.verell.app

24:26So you can do the same thing with Netlefi

24:28There's a whole bunch of different hosting providers and deployment systems that you can do

24:35All right

24:35So now that you understand how to deploy from Google AI Studio, I know that there's a lot of features that you probably are thinking about adding

24:42Like I mentioned at the beginning, we can supercharge our apps with AI by adding any of these features

24:45You're only limited by your imagination on the ideas that you want to add to your app, all the features you want to introduce

24:53But some of those features are more complex than others, and some of them have different safety considerations

24:57So, I just want to give very quickly a rapidfire overview on some other things you might want to think about as you move from developing in Google AI Studio to the production version on your live website

25:07I'm just trying to make you aware of some of these considerations and perhaps how you can use Google AI Studio itself to answer your questions

25:15Okay, so the first one I want to take a look at is persistent storage

25:16And what do I mean by that? You have the ability to save files

25:20Like in my app here, I might have a template that I upload and I want to make sure that that template is saved across me being able to refresh the website so I don't lose something

25:31That's called persistent storage

25:31We have three different types

25:32We have local storage, session storage, and database options, which is a backend version

25:38Basically, session storage only stays for that particular session

25:40So, if you leave the page, you'll lose it

25:44Local storage stays in your browser despite being able to refresh, but I believe if you restart your computer, you might lose it

25:49It probably depends on your settings

25:51And then a database is your ability to save this with something else

25:54If you go to Google Cloud Run, we've got options for lots of different services

25:58Like we have CloudSQL, for example, Cloud Storage

25:59Those are different versions of a back-end database

26:03So using Google Cloud Run, you have the option to connect it

26:05Versel has their version

26:07I don't want to get too deep into that right now

26:08It's just something to keep in mind is do you need to have data saved? So for example, your prompt might be, what kind of storage should my app be using? Please do a Google search for my specific features, state-of-the-art 2025 best practices, and let me know what my options are

26:21Google will give you an answer, and then you can kind of plan and iterate and go from there

26:24Update your road map, keep your docs in order

26:26You can just keep building

26:28Okay

26:28Another consideration is authentication

26:30So authentication would be for example sign in with Google, sign in with your email, is your app available for everyone or are you blocking it

26:36So that's something to ask Google how you should set it up and Google Cloud Run has that option to control who can sign into it

26:41So that's a key consideration and again I would prompt Google to ask what's the best way to set up authentication considering you're using Versell or considering that you're using Google Cloud Run

26:51You can make it specific to your particular deployment

26:54Then we get into security things like API keys, user data, authentication, it's related

27:00You have to set up things like API routes

27:02So you want to make sure that that is secure, that only certain authenticated users are able to call the API, certain websites

27:11That's just something to keep in mind

27:12And that's honestly something that maybe I can make an entire other video about because there's a lot that can get in there

27:16And on that note, you can always use a tool like Google or Perplexity or ChatgPT, whatever your favorite is, and ask questions about how your app could be better

27:24What features do you need? What are your security best practices? This is not a static system here

27:31We're operating with a dynamic evolving system that you can just keep recalibrating over time

27:35Another major consideration is to start with an MVP

27:40Start with the simplest version of your app as possible and then iterate and add features as you go

27:44If you try to add too many things all in one go, you're probably going to break it

27:47So, it's better to add one feature at a time

27:49Test it, make sure it works, and then add a new feature

27:51And like I mentioned, introduce a component section

27:52Make this modular so each new feature has a separate file so that you can just test and iterate and make things better as you go without breaking everything that you've already built in your app

28:02So, there's a lot more things I could talk about here

28:05I just wanted to quickly jot down some key issues that I've been having to iterate and fix

28:08And again, feel free to let me know if you have any questions on this

28:11I'm happy to make videos on anything that's going to help people out

28:14So, just let me know

28:17We are dealing with this kind of clunky system where we have to make the changes in Google AI studio, push it to cloud run or push it to Versell through GitHub

28:25And for example, if we start building a backend like I just mentioned, it could be a little complex

28:30So, there is also another tool called Firebase Studio and they do a full stack AI workspace

28:35This is also through Google

28:37And basically what that means with full stack is not only are you building the front end like I was testing out here with this ability to just interact with the website, but we also have the option to have databases and API routes and all of the complexity that I just talked about

28:49I've noticed it can be a little bit difficult to build in Google AI Studio

28:52So I'm also planning on exploring Firebase Studio

28:57So let me know if this is something that you've tried out or if it's something that you'd like me to explore and I'd be happy to make a video on how we can actually get into full stack 5 coding

29:06I know that was a lot of information and may have felt a little overwhelming, but I hope that this video showed you how anyone can make an app public

29:12Anyone can use AI for coding and then connect that and deploy it and make it available for anyone

29:18If you found this video helpful, just a reminder to please like and subscribe as your support really means a lot to me

29:23Also, if you have any questions about what I talked about today or any suggestions on what you would like to see me make in future videos, please leave them in the comments as your feedback really helps me make videos that people value

29:32If you're interested in learning more about AI tools or my day-to-day workflow, I have an AI learning playlist that goes more in depth on all of the tools I use

29:40So, I recommend checking that out

29:40If you want to learn more about my note-taking like I was showing you today with the idea inbox and how it integrates with AI, I recommend checking out my personal knowledge management playlist

29:49Thanks again for watching and I will see you in the next video.