Create: The Text-to-Full-Stack App Builder

--- type: transcript date: 2025-02-26 youtube_id: M824KTSDFlw --- # Transcript: Create: The Text-to-Full-Stack App Builder in this video I'm going to be showing you create which is a text app platform that allows you to create sites tools apps and products now one of the unique things with create as compared to some of the other text app Builders out there are the number of Integrations that are built in once you made an account this is going to be what the interface looks like so you'll be able to see all of your different projects within here now you do have a couple different options to get started they do have a number of different templates within here where you can go and get started with a working example if you'd like alternatively if you want to just start completely from scratch like I'm going to be showing you you can go ahead and click new project here within here this is going to be the interface we have our natural language pane on the left hand side this is going to be where we instruct whatever we want our application to be any changes that we make or any ideas that we have or any clarification all of that's going to go within here so in this video I'm going to use one of the examples that they have set here which is a good demonstration on the capabilities of the platform I'll give you a quick breakdown of the interface and then as I go through the demonst I'll show you more aspects of the platform what I'm going to do within here is I'm going to say I want to build out an image generation application and what you can do at any point within the input here you can go and click the forward slash and what that will allow you to do is to have access to all of these different Integrations within here there are an absolute ton of different Integrations there's a number of AI Integrations if you want to use models from anthropic Gemini Google grock what have you all of those are within here but you could alternatively use non AI related features as well say if you want to fetch movie data or if you want to leverage stripe or send emails all of those features are built right into the platforms and this is something that I really love about this platform because it's a unique implementation that's practical and honestly it makes sense if you had these common use cases to just click the forward slash and click the different tools on what you might want to use within your application it's a really easy way on how you can feed contexts that might be associated with that example into your request when this this case let's say I want to use Dolly 3 to generate our images I want the overall theme to be black I want some neon purples and blue and I want to call the application developers digest AI images once we send in that query what it's going to do is break out all of the different tasks of what we had asked for into these distinguished little chunks that is going to execute one by one as well as sometimes in parallel first we see here it's going to create a database here is our table for our generated images we have the columns ID prompt image URL the time that it was created at and then from here we have the backend functions to handle the operations this is another Unique Piece that stood out to me with platform is they have this graph visualization on what the function does if you prefer to see what it looks like within code you can see all of that but this gives a visual representation of what that backend function is doing within here it decided we need a generate image function we also have this list image function again we can click the code button to see what it's doing how it's interacting with the database and what have you and then from there we can click to the front end component and this is the front end so we have the demo and again we can click over to the code so we can see what that component looks like we have this nice rich code editor within here and we can also edit the code directly within this pane as well now the other thing that I do want to highlight is you do have the ability to select different sections as well say if I want to change this out you can go ahead and edit this just like you would a no code website I can go ahead and put this on two different lines if I want or if I want to make it smaller I can go ahead and indicate that here we see that the H1 is selected I can always delete that from the selection as well so now I'm going to go back to the demo Tab and I'm going to say an image of a cat we'll send that in we also see we have this nice glowing effect on the button there and there we go so we have our image of a cat now I want to have the ability to generate up to four photos once I want all of the photos to render in line right below the input box there but I also want to have the ability to expand the images as well as download the images I want buttons for both of those things and when the images expanded I want to be able to have a button to close it as well here we go now we have that update that we asked for we can generate multiple images here and we have the button to expand the image we have the button to download the image we also have the ability to select the number of images that we want so that's just a really quick example on how easy it is to use the platform now that we have that I want to show you how easy it is to actually deploy this once we have our application what we can do is we can choose what we want our subdomain to be on this I'm going to call it developers digest image now you do have the option to add a custom domain as well if you're on one of the pro tiers in this case I'm just going to go ahead and publish it to this subdomain once that's done you can go ahead and click view site and I'll just move down my browser here you can see that now this is is deployed at the subdomain that anyone can access now that our application is looking pretty good what we can do is we can go ahead and publish this so you can set your subdomain to be whatever you'd like and alternatively if you do have a pro account you will be able to set your own custom domain where you can deploy this to and once that's set up it's as easy as just clicking publish so as soon as you click publish everything that you have from your backend logic to the front end to your database integration all of that's going to be incorporated into your deployment there's know having to move this to a different service you can go ahead and deploy it directly just like that now if I visit the website here we can see that this is at the hosted URL here let's test this out with a photo of a dog I selected for four different images here we see that it is generating for us there we go we have the four generated images of the dogs here I can look through all of the different photos we also see we do have that ability to download the photos as well there is also this nice little indication on each of these cards that all of these images are new and then at the bottom here we have all of the generated images just in summary we were able to set up our UI we were able to set up our backend functions we were able to interact with the openai dolly 3 API and then finally we were able to integrate our database all with natural language now I just want to go over some other aspects of the platform within here for instance if we want to take a look at our database at any point we'll be able to go and look within our database here we can see that we have an image of a cad but let's say for instance we want to add in user authentication within our application what you can do for that is you can click enable user accounts once we've clicked that we'll see these pages will be added to your application users can sign up sign out log out the database will store the data then we see these pages are added to your application so that users can sign up sign in or log out this database will store your data within here I can go and click continue building and now that we've done that I'm going to say I want to add in a landing page about developers digest AI image generator I also want to add in a navigation as well as a footer make them relatively simple but the key portion with this is within the navigation I want a login and a log out button so users can log into the application I also want each user to have only their specific images I only want them to see their images within the application the first thing it's going to do it's going to generate that SQL query for us to alter the tables so here we see it's adding a column for the user IDs within the generate images as well as the list images now if we take a look at the code here we see it's checking for the user session as well ensuring that the user does have a valid session in order to continue on to access the logic within the function similar thing on the list image function we added in that check for the session now within here we see this landing page that it built for us and we also see our previous page as well what we'll have within here you can select individual portions of the applic so if you want to edit just the landing page or if you want to edit the AI image generation page you can do that alternatively if you want to have Global changes you can select the globe up there to access your entire application and in this I'm going to say I want to add in the navigation and footer on the AI image generator page as well I'll go ahead and I'll send that in here we see it's breaking out the task ensure the landing page is at the route we have the header and footer on both Pages now now that I have this I can go ahead and I can click publish one thing that I do want to point out within here is if we click this page and function setting we can go and see where all of the different pages live so for list images we have images SL list to generate the images we have the images SL generate for instance if you just want to turn off API routes and have the front end of the application you can just do that now the one thing that I am going to do since I did generate this landing page after the fact I'm going to change the root of the landing page and then for the AI image generator I'm just just going to call this one AI images that's just one thing to note with the routing of the application is you can do it all within the interface here now I'm going to save this out I'm going to take a look and here is our application so we have our header we have our footer if it's the first time using the application we can go and sign up all right we are logged in with our email here so now if I just test this out and I say hello world and I'll just generate one image here we go we have our recently generated image if I refresh it gets rid of our recently generated images and we have our image gallery now if I hop back to create if I go over to the database tab here we see this is the development data so everything that we're using within the create interface and what I can do here is if I go and view the live database we'll see all of the authentication details within here we have the email that we used we can also see the relationships within the table and then from here we can see all of the generated images these are all of the different images that I had generated within the video we can see before we added in the user authentication we have all of these null values but as soon as we started to add in authenticated users we can see that indicated on the table there for instance if I want to go and edit the signin or sign up page I can say something like I want a linear gradient on the left hand side with a quote from a famous person and I want on the right hand side the panel for the user to sign in what's really amazing with this is is really end to end with what you can build from natural language to deployment you don't have to leave leave a platform you don't have to move things to GitHub and worry about deploying them somewhere you can effectively in just minutes build out a working application now if we go and click the sign in button we have this beautiful page with the Steve Jobs quote the one thing that I did find with the platform is the Integrations do seem to be pretty well baked as well as the design sensibilities of whatever they're doing under the hood with the llm or the prompt engineering I can definitely tell there are some considered approaches with how they've built out this platform so if you were to continue on with this you could very well go down and select the stripe integration and say now that I have the authentication set up I want to add in a credit system and I want to be able to have each user be able to buy credits or you could create a SAS platform and you could say users can sign up and they'll get X number of credits every month that they can use for whatever you build within the platform now the one last thing that I do want to point out within the platform is if you do want to download the code let's say you've built out whatever you want to build out in the platform you have this ZIP file where you'll be able to go and explore the different things that you had generated you can also copy the code or alternatively you can embed this code as well so say if you just want an iframe and if you want to plug in whatever you built maybe it's a quick little example of something and plug that into an existing site there is a very quick option that you can just copy and put into whatever site that you might already have have existing without having to worry about too much but otherwise that's pretty much it for this video I just wanted to do a really quick demonstration on create so you can check them out at create. XYZ I'll put a link within the description of the video otherwise if you found this video useful please like comment share and subscribe otherwise until the next one