Can You Build a SaaS Product in 3 Weeks? - Week 1 (Spoiler: It's HARD!)

hey guys welcome to a new series called 3 weeks ass in which I build a full software to service product in 3 weeks or less and by full product I mean full product this is a not just a little project that I create and then abandon afterwards to say full frantic product that you can use indefinitely so I'm going to record in detail my process going from just a name and a logo to a full launch um I invite you to follow along and build a product of your own and if you do happen to build a product of your own let me know in the comments if I do read them anyways this was week one let's get into it okay today is today is June 3rd 2024 um this is day one um today I think it's going to be all meta setup that means stuff like figing out a name buying a domain um drawing up a logo and maybe if we got time I can squeeze in working on a landing page so I have already come up with the name but um what I would use is chat GPT to create both an itinerary or a schedule or whatever and a name so okay so here you would say what your product is if you were following this this challenge with me so I'm going to say my product is a tool that lets the recorded okay let's see what it spits on now I already have a schedule planned but this is pretty good for um this little information that I gave it now you should probably detail it more for jet gbt it'll make a um a better output for you but even just how it is now it's pretty good output if you were looking for a name still I'm not but if you were looking for a name you could also ask Chad GPT I would refine your prompt here because it can spit out some pretty corny sounding names so like um could you generate some names for this yeah see it spits out very how should I say this nicely shitty names the only the only one that I would like here is this one I kind of like that one but um you're going to want to give it like a St style So like um can you give me names that are one word and good for SEO kind of it's still not making it one word so see these are way better you just have to kind of keep going and keep going and refine that prompt until you find something you like now what I did is I use name cheps um beast mode um functionality or feature and you can put in a bunch of keywords so if you if chat GPD spits out a bunch of names that you like um you can put those in find the the tlds you want um search them and it um name and find if that domain's available or not so if we scroll down you see there's um a bunch of domains some are taken some aren't now this is the final name that I settle on make the docks um so I'm going to go on my registar choice and buy the domain I want okay we're here on cloud flare um which is my my register I like or I like Cloud flare cuz it's cheap so I'm going to type in makethe do.com okay and I'm just going to buy the domain okay and now it's registering now before I go working on a um a landing page I'm going to work on a um a logo so a good way that I like to get inspiration is using some AI image generator and then making my own logo using that inspiration so go into jini which I like for logo generation it does better than something like U Microsoft co-pilot does and these were some logos that I generated um not great but that's why you do it yourself using this inspiration if you pull a logo straight from gemini or whatever image generator you're using um it's going to look really bad on you because you're using AI generated stuff and nowadays that is not exactly the best thing to do when you're trying to make a product that people are putting money into but you can you're free to take this um inspiration and go into your design app of choice I create a new file create a new frame and I'm going to go and make a logo okay I made this in like 10 minutes um it's not great I will probably edit it at some point in the future but this is the the logo that I came up with okay I changed it a little bit this is the final logo um okay we got domain name and logo done now let's move on to building a landing page should be pretty quick okay so I'm using framer to design The Lending page um and there's three options you could do you could choose a template from framer and buy it do everything yourself in framer or you could use framer's no code sasi website kit and this completely free um you can just modify everything in it or do it yourself and it's really really cool and Powerful they pretty much give you the Assets in the kit um and a few example Pages you can um either edit the pages to your liking or use all the Assets in the kit in your own website um and it's non-copyright and all that stuff so really cool thanks framer anyways I'm going to get started on this be right back welcome back guys this is day two of the the 3 week SAS and I didn't get that much time to work today but I did finish the landing page um so this is using framers um SAS web dev k or something whatever it's called this is more or less what it's going to look like I may change it a little bit um as you can see I did change the logo but anyways but anyways this is the landing page I've made this little graphic since um the UI it would be here but of course it's not done yet this pricing especially might change um I haven't settled on it completely yet um and these the feature set might change as well because I can only develop so much in what's now more or less 2 and 1/2 weeks and that's it for the design part of the landing [Music] page okay welcome back to the um today authentication with super base is Sassy y by Il Cima huge shout out please go check it out um Great Library great guy and maybe bu the pro version anyways that's it for today tomorrow I'm going to work on most of dashboard and hopefully I can get most of it done before I work on the back end which should be later this week it is Saturday so it's day five today um I just haven't gotten around to working on like the do Thursday and Friday okay I have to be kind of quiet cuz it's late at night right now um but I got most of the front end done for the homepage um the past Generations page should be pretty easy um and I'll probably finish that tomorrow but um this is just the front end um it doesn't work it's just pretty much just buttons and boxes that do nothing and look pretty so yeah that was Saturday hey what's up this is day six of the 3 weeks ass challenge um today I started working on the back end as well as finishing up the front end um but I've been having a bit of an issue with um the SDK for the AI model I'm using I'm using Google Gemini because it's cheap and has multimodal video support so I've been trying to use that model but when trying to upload a video with the stack that I'm using um which is like nextjs since I'm pretty sure chakra UI can only be used client side don't quote me on that I don't think I'll be able to upload videos in the traditional sense to this model and that is because of this error that I'm getting it's constantly been saying can't resolve fs and so this FS package that is supposedly missing is not missing in fact but it thinks it's running on the client which as far as I know it shouldn't be it should be running on the server because my because my component that does all the file uploading and generation and stuff does not have a used client directive on it I don't know if that's still making it run on the client or not um I'll have to do some more digging tomorrow but if I'm not able to get it to work then I will I have another idea which is upload the file to S3 Amazon S3 um have that operation return a pre-signed URL and then that the Gemini SDK will get that pre-signed URL and then Gemini can pull that video down from the pre-signed URL in S3 and then once everything's generated there's going to be a 12-hour life cycle process that will delete the file from S3 so that I don't have to store this stuff R but that's really complicated or it sounds really complicated but um I know what I'm doing and I'd really like to not have to do that if I can figure out a way to get this to work with this can't find FS era I've also read that it could be something with the browser and web pack um and that I really don't want to mess with and I'd rather just do the janky S3 solution if it came down to that but anyways that was Sunday okay this is Monday day seven of the 3 week SAS challenge um this is going to be like an earlier clip um it's about noon and I think I've decided to go with the S3 option simply because I know more about it and it'll be a lot easier for me and I'd like to stick with what I know when developing an MVP as quickly as this okay so if you didn't know I AWS certified I I've always done Solutions solution architecture and all that stuff anyways I'm not the greatest with nextjs and all these API routes and so I'd like to do what I can with AWS and it won't incur much costs on me but it will be a lot slower which I think is okay to give up for now until I can push an update after launch I'm going to have the client side component upload the video to S3 and then generate a what is it like an authorized link or something like that um in S3 will return that link back and then we'll give that link to the Google generative AI component thing we'll we'll give that URI to Google generative AI component when we generate our response um and then theoretically Gemini should be able to visit the link see the video um and it should be okay I'm just realizing now I'm going to have to make this public I'm going to have to make that bucket public anyways I'll come back later tonight and see if it went well probably won't but whatever okay it's like 11:00 um still Monday but um I I still cannot figure out this issue um so what I've tried so far has um I've tried uploading the video to a custom API endpoint with like nextjs API routes um that didn't work I couldn't figure out how to like get the for cuz it was like form data and I couldn't figure out how to get like extract the video out of the form data um I tried using uploading the video to S3 having a prend URL come back and then putting that prend URL into Gemini that didn't work and that's particularly interesting because I believe that Google is blocking any media domain that isn't storage. googleapis.com or whatever um domain that um files are hosted on when you use the Google AI file manager um package and upload some media I assume it's on that googleapis.com domain um so I believe that they're like blocking any domain that's not on there cuz I was hosting it on S3 um so as far as I know as far as I know that's not going to work um and really I'm I'm out of options unless I can figure out some other Jank ass way to to fix it but honestly I'm tired right now I don't want to stay up any later than what it is right now it's like 11:15 um but I did create a forum post on Google dodev um trying to figure out what the hell is going on here um could it be my fault probably um but I really don't have the time to spend trying to fix this um this really weird it's not an a error but it's more like a issue that I'm having um tomorrow I'm going to try um doing the same thing as like uploading to S3 but I'm going to try and do it on Google Cloud Storage in gcp see if that helps I'm not sure if it will um but regardless I'm going to have to figure out something or else this entire plan will just falter and it all come crashing down um anyways that was Monday and that was week one make sure to stay tuned for week two we'll see if I finally fixed my problem with the Google generative AI file upload thing and how I do fix it so anyways stay frantic

Channel: Jacob Leuthardt

Views: 300

Keywords:

Id: z21jSAIpCME

Length: 17min 19sec (1039 seconds)

Published: Thu Jun 13 2024