Lesson 1 - How, What, Why?
Create an App's Frontend with AI📅 2024-07-09
Transcript
[00:00] you don't need to be paying Squarespace web flow WordPress any of these websites to run an actual website this is episode one of a playlist that we're going to be doing together where I'm going to show you from start to finish how to build out an entire website that requires zero cost per month to be clear the only cost that will be associated with this website will be the actual domain purchase so if you buy a domain for 12 bucks you're only going to be paying $1 a month the reason I'm creating this video is I'm personally paying $18 a month just to host this website
[00:31] therefore let's stop paying $18 a month because $18 a month turns into $216 a year and that turns into $1,188 for 5 years so you're telling me just three days worth of work I cannot pay this anymore sounds good let's jump in welcome back y'all this video is going to kick off a pretty cool playlist that I'm about to release just for a timeline of what we're going to discuss in this video we're going to discuss why I'm doing this the what about it like what are we doing and how now two major things I want to get out of the way right away what you're going to learn in
[01:02] this playlist is going to give you the ability to go past just a landing page you're going to learn basically functionally how to create out an entire website with a contact page about me page everything like that and not pay a single dime furthermore in this playlist we're going to have to create events such as a user puts their email for our newsletter I'm going to show you how to do this where if the user puts their email in we actually sign them up for the newsletter like it all works perfectly second thing I want to say is I don't want you to get worried a lot of you are like Corbin I know what you're about to say right right now I know how you achieve this doesn't this require
[01:32] code yes but don't click off because I'm going to show you how to code with a new strategy that's only been really available for the past 8 months to a year we're going to be using Chad gbt to build out this entire website together now yes when using Chad gbt to code you need to have some understanding of the code itself but don't worry that's why I'm here and that's why you're going to have this entire playlist to watch through this video so this isn't like 2018 where I'm giving you the same proposition and you're going to have to sit and watch me code for hours no no no no no no no there's a new way to code y'all and this new way that you're about
[02:03] to see the code was only possible in the last year so don't worry this isn't going to be your traditional let's code out a website video that you saw 3 years ago or maybe you never saw at all this is going to be a video that you're going to realize real quick wait I have no coding experience and I watch this playlist and I could probably code out my own website and I can confidently say by the end of this yes and you know why because even if you get stuck I'm going to show you how I communicate with gbt how I find tun gbt how I add custom instructions to gbt how I do things in order to get unstuck so yes by the end
[02:35] of this playlist I can confidently say you're going to remove a business expense within your business which leads us to the first thing I want to talk about which is the why why are we doing this Corbin it's only 18 bucks a month you can't pay 18 bucks a month Corbin yes but let me explain why I'm doing it we're going to goad and drag this why over here the first major reason of why I'm doing this is because this is just going to be fun trust me this is not going to be your normal let's learn how to code Cod playlist like you're this is going to give youall perspective like this is huge it can make coding fun it's a lot of fun too because now you're
[03:06] going to be like yeah I don't have to pay that 18 bucks anymore no more 18 bucks number two is I'm killing like four birds with one stone right here so we're just put one stone and you're like cor what do you mean you're killing four birds with one stone you know they saying like killing two birds with one stone no we're killing four Birds I think the first major bird that I'm killing I've been doing a ton of content when it comes to creating an AI software this playlist has like over 43 videos it's concept of software and one request I see a lot within this playlist how to really set up a project and how to build out a front end and a back end what's
[03:37] great about this playlist is we're going to learn together how to create that now not all the way to the extent of creating an AI software and to be honest with y'all after this playlist I'll probably do a playlist for that as well but to the extent of setting up your tools building out a front end understanding best practices so the first major reason is y'all when y'all are watching my concept of software videos or if you if you just met me hello I'm Corbin or you're watching this one y'all are going to learn a ton of information that is extremely Evergreen like this playlist is going to have relevancy five six seven eight years from now so that's cool number two the
[04:08] second bird we're just saving money you're going to save money after this I'm going to save money after this what's that 18 bucks a month going to go towards now Corbin I don't know maybe I'll finally buy a Hulu subscription maybe I'll like order something on GrubHub which would probably still only pay for like 60% of it but the idea is like this is free money like why not do it if like the threshold here is like you basically put in two to three days worth of work and and then you never have to pay that again and now I got more Funny Money who doesn't like funny money and the third bird we're killing here is I'm turning a deficit of $18 loss every month into an extremely
[04:39] positive source of income basically these videos are going to be here for years from now and I'll probably make more money than 1,8 but that's like the bottom line of how much I'm saving the idea is like the videos are evergreen right and the last bird here which may be obvious but I was already going to do this I was already going to transition my web flow site into a site that I Cod it out personally but now I'm just like wait why not I just make content around it if I'm already going to do it there's another bird that covers the why this playlist is incurring I think one other one probably is like I'm kind of like
[05:11] testing out content where I'm coding in it and seeing how it performs with my channel I usually stray away from this just because I feel like if I put too much coding content it could scare people away when it comes to exposure who knows maybe this will perform well let's see the second thing now let's go over the what like what are we going to do what are you going to learn by the end of this playlist by the end of this playlist we're going to be able to build build a functional usable landing page with a custom domain and in this specific landing page I'm going to make sure I include the functionality of the user puts in an email and then that automatically subscribes them to our newsletter whether using MailChimp or
[05:41] whatever newsletter you use and on top of that we're going to add other really cool stuff that we see on this website such as like hovering over getting an image overlay furthermore coming down here we can click this and you know contact an email directly nice little ined from Twitter that's super easy to do and honestly probably a little bit more stuff so what free value are you getting you're going to get the ability to to create an effective landing page land now what's cool about this and what I think I plan on doing once I create my own landing page here I'm going to do like little like spin-offs here I'm going to start connecting more to backend logic I'm going to start
[06:12] connecting making a contact page I know one video is going to be dedicated to a contact page because a lot of businesses what they do and how they operate now is you're not necessarily doing e-commerce on the actual website itself now if you are Parton means like shoot should I just code out my own e-commerce and get off Shopify but there's reasons why you'd stay on Shopify Etc the point is is that like on of just a landing page I'm going to show you how to build out a full flesh website with multiple pages and directories and showing you how to use Google search console console and you know everything that is basically relevant with a good website that's not meant to scare you don't worry what I'm about to show you in this playlist you
[06:44] can do yourself you just got to have chat jbt that's like a big big thing here overall by the end of this I can confidently say you'll be able to be really good at developing front ends and then if your reason of developing a front end was purely just for the website and the landing page what you'll see in this playlist you're good to go you're off to the races start running but if your use Cas is like I'm watching this Corbin to get more background knowledge of how to build on AI software you're at a good start here because realistically what I'll probably do is when the AI software playlist does drop because honestly at this point this
[07:15] stuff's fun for me I like doing it it will drop that's going to be a lot more backend heavy comparative to this series which is going to be a lot more front-end heavy like for example I'm going to try to limit the backend use as much as possible and do most of the processes on the front end I'm also going to show you how to use zapier as a supplementary back in so you don't have to get too advanced really depends on your use case so that covers everything you need to know in the what like this is what you're going to end this is the end Value Point that you're going to receive by the end of this playist I don't know how many episode this is episodes or lessons this is going to be but it should be enough where you feel comfortable enough to go back to lesson
[07:45] two Lesson Four lesson one that's why like in these thumbnails I was thinking to myself I'm like how do I make it so it looks like it's the same topic on the playlist I was like oh you know what I'll do one two three so if you see my fingers up like this that means there's some of playlist not a lesson going on now let's get to how we're going to do this everything sounds good Corbin but how how the heck are we going to do this what do you mean to do this is actually going to be pretty simple we just need two things now if we want to implement a back end we'll need three things but for now we need two things we are going to download vs code and we're going to use
[08:17] Firebase that is horrible spelling that doesn't even look legible that's say Firebase vs code is where we're going to code Firebase is where we're gonna push to our hosting and then one very last huge caveat here huge you can use whatever AI model you want to use but this entire playlist is going to be dedicated towards this model which is going to be gbt I'm going to show you how to set up custom instructions here I'm going to show you how to do everything and talk to gbt in a way where you get effective code that you can use right away I said this before and I'll say it again while you're about to see in this playlist was only capable in the context of coding in the last
[08:49] year this isn't 2019 anymore this isn't going to be a traditional coding video tutorials like you're going to be like whoa wait you can do that yes you can do do that just so we're clear this is the vs code you're going to download completely free this is Firebase Google and then this is chat gbt which I'm sure a lot of you probably already know now one thing I got to point out before I get absolutely spammed in the comments is that this can be completely free but it's dependent on variable cost the only thing that's not negotiable would be your domain where if
[09:21] you wanted to use a custom domain that's going to cost you basically however much your domain cost so if it's 12 bucks a year $1 a month now in theory using Firebase you don't even need a custom domain but you'll see like if you want to use okay if you don't want to use a custom domain that's fine but you'll see they give you a free domain you can use within Firebase it's like firebase.com
[09:54] domain on our website for free that's cool and multiple sites per project all for free now your first question might be Corbin what does that mean 360 megabytes a day like how do I go over that like quantify this to visitors to website I got you and the only reason I know this is cuz I did the math myself because I wanted to really make sure what I was doing was correct coming over to Chad gbt I went ahead and had to do the math for us in this playlist we're going to be creating a landing page together so one of the biggest metrics that we have to understand when it comes to building out a landing page and using Firebase is the actual size of the megabytes of that landing page assuming
[10:26] we're creating a optimized landing page that is effective and is very very much like to the point we're going to be only looking at around a 1 Megabyte size knowing this this is going to equate to around 5,000 people could visit our website and we're still not paying a dime now let's push it what if 20,000 people visit our website a month if 20,000 people visited our website within that month based off our calculations that's going to cost you a grand total of $1.50 I think that beats the 18 USD and on top of that if you're getting 20,000 people to your website a month
[10:57] you're probably making some money that does though we're going to officially kick off a playlist here to show you how to build a website and you never have to pay for a website again so I'll see you in the next video this is the playlist that's going to be dedicated towards creating this landing page for free that's a random video that's my face and I'll see you in the next video