Build a Full Stack AI Sass application using Next.js 15, Supabase, Replicate API and Stripe

[@CodeBucks]

Hey everyone! (Read till the end) I hope you enjoyed this 13-hour deep dive into building a full-stack AI SaaS app. I truly pushed myself to make this tutorial as comprehensive as possible, and I hope it adds value to your development journey. Your support means the world to me! 🙌 🔮 What’s next? Let me know in the comments which full-stack SaaS application you'd like me to clone next. I’m always looking for exciting ideas to tackle! 🎁 Free Source Code Giveaway I’ll be giving away the full source code to the top 10 people who share this video on Twitter, to participate 🔹Follow me on twitter (@code_bucks) 🔹Like the pinned tweet on my account. 🔹Share this video on your twitter and tag me @code_bucks in your tweet. 🔹You have until the end of Friday to participate! 🔹The top 10 tweets with the highest likes will receive the source code for free. Can’t wait to see what you build with it! Thank you for all your support-keep coding! 🚀

[@AbhinavSingh-is8tu]

this full stack project is out of league . i learnt many frontend concepts from you. thankyou for this after long

[@CodeBucks]

I'm glad you liked it! 😊

[@SperaDidiza]

an AI bookkeeping application would be cool

[@CodeBucks]

Nice Idea, I'll think about it.

[@chiawuese]

Hey. I agree with your point that developers often go directly to the source code instead of watching the video. I do this as well😂, But putting the source code behind a paywall may discourage users and damage your channel. However, you can still monetize your source code by withholding specific features or important sections and indicating where they can be found in the video. This would encourage users to watch at least the relevant parts of the video for clarity. You can also provide the source code link on your blog to generate traffic from KZbin which is two in one for me what do you think?

[@CodeBucks]

Thanks for your feedback-I really appreciate it! I like your honesty😂 I love your idea of withholding key features and guiding viewers to relevant parts of the video. It’s a smart way to encourage learning while still offering the source code meaningfully. I'll consider this approach for my future videos. If I were to offer the source code for personal use, how much do you think would be a fair price? Please keep the value of this tutorial in mind. I’d love to hear your thoughts!

[@sumanthprabhu11]

Please make a deployment video of this project on vercel

[@CodeBucks]

Sure I will make one. For now you can check this video where I have provided steps to host any application on Netlify. you can follow the same steps for vercel as well. Here is the video: kzbin.info/www/bejne/hXiaYnSIg7eDipY

[@ankitasikdar2648]

I was just about to comment this same thing🙂

[@shakerprince9049]

Wow awesome project. does this api have limit . Or we can generate multiple images with multiple users without limit.

[@CodeBucks]

Hey, We are using Flux model for image generation that costs more. If you use flux-schnell model then you can generate 333 images in $1, for flux-dev it'll cost around 31 images in $1.

[@sumanthprabhu11]

What's the difference between personal use and commercial use source code? Are any features missing?

[@CodeBucks]

Hey, Personal use that means you can use the code only for your own educational purposes. You can learn from it. You can not deploy it and run for commercial purpose. There is slightly code difference, the commercial version has the caching feature.

[@poetryandcode]

Great video! You use Open AI?

[@CodeBucks]

Thanks! No I have used Replicate APIs which let us use the flux model for training and image generation.

[@harshavshah7929]

Great Project Sir Deployment??

[@CodeBucks]

Thanks. Due to the length of the video I had to skip the deployment part, sorry for the title. I have one video where I'm showing how to deploy on Netliffy. You can check that out. You can follow the same steps to deploy on vercel as well.

[@Sanyo.g]

Bro stripe is not available in india it is invite only even lemonsqueezy is bought by them it is also not avail. Please suggest some other international opt please for production

[@CodeBucks]

Hey, As per my knowledge to accept any international transaction you will need have registered legal entity and then you can use alternatives such as paddle for subscriptions. There is one more called polar.sh which I think is open source.

[@xyz--12353]

Is that every tool is free what you use in this project such as Supabase storage, and Stripe ?

[@CodeBucks]

You'll only have to pay $3-4 to Replicate to run the AI API because it's not free. You can generate lots of images in $1 credit but for model training You'll need atleast $3 credits in your replicate account. Rest of the things are free upto certain limit such as supabase, stripe etc.

[@liambrophy8014]

❤

[@PranavaKumar-u4u]

Is this completely free or should we pay something from our(developer) side. Also why is there no free plan in the application (from what I saw in the demo)

[@CodeBucks]

If you want to follow this tutorial you will have to pay to use Replicate AI APIs. You only have to pay around $3-4 only. But it's worth it. There is no free plan because from the start it'll cost you since we are using the latest Flux image generation model that costs more but provides high quality images.

[@marshelloalanwalker7126]

stripe isn't working in india , any other software recommendations?

[@CodeBucks]

If you want to target Indian customers you can use Razor pay.

[@Ak-uu9qt]

Is Replicate Api free? Please respond ! And does this application has admin dashboard?

[@CodeBucks]

Hey, No it's not free because we are using the latest image generation model called Flux. But you can generate 333 images in $1 using flux-schnell and if you use flux-dev then 31 images per $1. No the application doesn't have admin dashboard. But through supabase APIs you can easily create one.

[@Ak-uu9qt]

@CodeBucks oh cool thanks

[@0xcBenevolent]

Hey, I noticed you’ve put the source code behind a paywall. While I understand monetizing content, it feels a bit at odds with the spirit of fostering a learning environment for new developers who come to KZbin to grow their skills. Videos like Build & Deploy openly share their code to encourage collaboration and learning. It would be more transparent to mention in the title or description that the source is paid, so viewers know what to expect. Tt feels super misleading, plus, you didn’t even deploy like why even call it Build & Deploy kinda deserves a dislike not gonna lie. 🤷🏻‍♀

[@CodeBucks]

Hey, Thanks for taking the time to share your feedback-I really appreciate it! I completely understand your concerns about the source code being behind a paywall and the impact that might have on fostering a learning environment. From my past experience, I noticed that many new developers tend to skip through tutorials and go straight to downloading the source code without fully engaging with the content or understanding the concepts. That’s why I decided to experiment with offering the source code as a paid resource, starting with my Next.js portfolio video. The results were encouraging: I saw an increase in watch time and more comments from viewers who had completed the tutorial and found it valuable. This particular tutorial took me many days to build-it’s 13 hours long and covers advanced topics like AI model training and converting it into a SaaS product. To my knowledge, there aren’t many free resources of this depth on KZbin, and I felt the paid source code was a fair way to balance the effort I put into creating the content. For this tutorial, I’ve mentioned in the description that the source code is available at 40% off, which I thought made it clear that it’s a paid resource. That said, I understand your point about being more transparent in the title or description, and I’ll definitely take this into account moving forward. Regarding the deployment part, you’re right-I couldn’t include it in this video due to the length. I apologize if the title felt misleading. I do have a separate video demonstrating how to deploy on Netlify, and the same steps can be applied to deploy on Vercel. I’ll include that link if you’d like to check it out. Lastly, I’d love to hear your thoughts on pricing for a personal-use version of the source code. How much do you think would be reasonable? Or if you’re interested, let me know what price point you’d feel comfortable with, and I’d be happy to offer it. Thanks again for your honest feedback-it really helps me improve!

[@egretfx]

wow, you want this to be free? you must be sick

[@uCodes880]

If you want it free then build it 🤡. I only upload few minutes tutorials on channel and it's not easy, now imagine an 11 hour video, free at that If you really want to learn you'll watch and build it yourself

[@codedusting]

​@@egretfx no. He wants transparency as per KZbin terms.

[@sssrikanthhh]

Bro Thanks and Love you so much bro for this awesome tutorial❤🫂🤗

[@CodeBucks]

I'm glad you liked it❣️