Parity Price comes across very condescending!! "Look, we are in the States with a strong Dollar, therefore we pity you and give you a discount"....no thanks...
@@MrAndi1281 where are you from? I have thousands of customers who are grateful that I added PPP to my products. They couldn't afford it otherwise. Plus, it's a great business decision.
Hey bro can you help me get a job : My skill set contains React native and I have made a real world chatting application whose backend is hosted on aws It's not on play store yet
You crazy or what? Uploaded 13 hours ago and you commented 1 hour later and you are already making almost 1m? YOU DIDN'T EVEN FINISH THIS VIDEO!!!!! THIS VIDEO IS ABOUT 6 HOURS LONG!!!
Only 177 comments is kind of crazy. Just wanted to say thanks for the quality content and your real-world application of the code in this codebase. 'Production ready' and more advanced things, like proper caching, aren't talked about enough on RUclips or with enough practical application - this video is very helpful for ideas on how these problems could be tackled well across any application. Thank you!
not even joking when i say this i first saw this video 16hrs after it was uploaded a couple of days ago then i added it to my watch later and i had actually been thinking of building exactly this for the past few weeks
Hey ! Thanks for the video, it's very interesting and helpful to see a senior dev's approach to this kind of product. I just have a small “clean code” question about the landing page part. There's data like prices that you store in the data/subscriptionTiers file because they won't change. But why not apply the same principle to footer data, for example? Or to the list of partner companies? I'm not sure when it's necessary to extract the “content” part of the page and when you can use it directly in the component code. Otherwise, the video is super clear and the concept is top-notch! The only thing missing is a video on testing such a project haha
The technical aspect is the easy part, creating a service people want to pay for, marketing it and selling it is the very hard part. The market is saturated with analytics dashboards and it's been the case for over 10 years at this point.
Much thanks Kyle, will definitely watch! Nonetheless the title is a shallow, clickbait fantasy that completely disregards the real nature of building something meaningful. Creation isn’t about slapping something together quickly for a quick cash grab. True creators are driven by a deep, internal need to bring their vision to life, not for the sake of money or fame, but because they’re compelled to create. It’s a process fueled by passion, curiosity, transcendence and the desire to solve real problems or express something significant. The focus is on the work itself -not on chasing inflated numbers. This title also plays into the modern myth that success is instantaneous and easy, when in reality, most "million-dollar" startups are overhyped by investors and connections in a fake, bubble-driven system. These valuations are often nothing more than speculative figures, disconnected from any real value or profitability. The idea that anyone can "build" something worth a million dollars in a few hours is not only absurd but also dismissive of the years of effort, knowledge, and struggle real creators invest. It perpetuates a superficial notion of success based on hype, while ignoring the substance and dedication that truly valuable creations require.
a rare sane comment in the sea of sycophancy in these comments from the junior dev army fawning over a video they haven't yet watched. This title and premise is absolutely absurd. A business is far more than implementing a tutorial on youtube and running some poxy app on localhost.
Agreed. Just contributes to the annoying “get rich quick” trend plaguing RUclips. High-quality tutorial though nonetheless, but the title is just plain unrealistic
Curious how you might handle users who have 30+ products and try to downgrade to a cheaper tier. Do you prevent the downgrade and force users to delete products before they can change? Do you implement an “active” vs “inactive” state on the product, etc.? Many ways to do it, just curious your thoughts. Thanks for the video!
that is amazing thanks for the effort of building this project but i would say no matter how good the saas product the developer does without advertising it very well you won't get that much of profit from it
Hey bro, this is awesome video. I have only one doubt, what if user cancel the subscription and he/she want to upgrade it later? I tried this case but it won't working. Its not working bcoz, there is no value for stripeSubscriptionId and stripeSubscriptionId so it throwing error. How to deal with this case? Should we set stripeCustomerId = null so that next this it will call createCheckoutSession. Please add your thoughts. Thanks ❤
This was made with Next.js 14, but the only thing you need to update for Next.js 15 is to run the codemod from Next.js that changes params and headers to promises.
The cache changes in Next.js 15 don't change anything in this app. The main caching changes from Next 15 are related to fetch and reducing the amount of caching by default. In this app we are managing all the caching ourselves so the changes don't impact this app.
Omg 1M per 6 hours of work. But, on the flip side, if everyone can generate that much income, then money would lose its value and the government will have to print out bigger and bigger bills. So thank you Kyle for worsening the state of inflation.
Amazing tutorial! unbelievable that all of this is free, i have a question tho. Does anyone know how to setup prettier properly so that it doesn't mess up my imports, i dont't use semicolons and everytime i save it autimatically puts imports all on the same line, breaking the code, thanks in advance!
are you sponsored by clerk out of interest? Appreciate the tutorial and am definitely going to watch it, but hate seeing Clerk involved tbh - $100/month for mfa, a feature that really needs to be in any auth, is a bit of a joke tbh. How difficult do you think it would be to swap it for Kinde and/or the advice the Lucia author now gives?
This video is sponsored by Clerk. I think they are a good auth company and enjoy their product. As for swapping out Clerk it should be relatively easy to swap in a different auth provider. If you want to implement your own auth provider (something like Lucia) it would be much more involved, but swapping in a different auth provider shouldn't be too hard.
@@WebDevSimplified ah ok. yeah i've seen lots of people who make more involved apps use it and swear by it, but that mfa thing feels like such a hurdle if you don't have a lot of paying customers and are starting out. appreciate the advice on swapping it out and the video - didn't mean to sound down on it at all, looking forward to watching it!
I wouldn't say this is a todo app. If this is a todo app then pretty much everything is a todo app. I mean to be fair every app shares the core components of a todo app (forms, user interaction, CRUD, etc.) which is why todo apps are so common, but this is far beyond a basic todo app. I have always wanted to build large projects like this as I find them incredibly enjoyable to build, but planning, building, recording, editing, etc. for a video like this takes weeks or even months. This is why I am thankful to have sponsors who have products I enjoy and use that are willing to pay me to create these large projects so I can then give away all the knowledge and code in these videos for free. Many creators that create large projects like this either charge you to view the videos or source code.
Repeated the process 6 times, still getting the error in Clerk auth - Missing Publishable key. All keys are in .env, but cleark cant read it. Please help. Is it because of next 15 and react 19?
@@WebDevSimplified I ran it twice in cursor this morning, but the same issue persists. Missing publishable key. Is there a place where I can post the error.
I'm just curious. Are most JS devs creating apps like this? No interface, no dependency inversion, NO BOUNDARY at all. Any test? Clean code means nice folder structures?
This is normal speed. I have the completed code on a second monitor so I don't have to plan and think about the code since I already spent weeks/months building the project before recording this video.
I'm having an issue installing Shadcn with Next.js as the latest Next.js utilizes a pre-release version of React 19. Any particular recommendations here?
Try Clerk: go.clerk.com/J5ucSbS
Try Neon: fyi.neon.tech/wds2
13 mins 130 likes 🎉
Parity Price comes across very condescending!! "Look, we are in the States with a strong Dollar, therefore we pity you and give you a discount"....no thanks...
Hi, thanks for awesome video.
@@MrAndi1281 where are you from?
I have thousands of customers who are grateful that I added PPP to my products. They couldn't afford it otherwise.
Plus, it's a great business decision.
@@MrAndi1281 this comment comes across as very insecure. countries have different values and relative purchasing powers, get over yourself.
just finished this video and got my first million thank you.
wow
@@WarriorWraith477 😬😬😬
Congratulation
Are you for real or just messing up?????
In my company we are using your folder structure. Its the best structure and increased the productivity. Looking forward to build this on weekends.
Hey bro can you help me get a job : My skill set contains React native and I have made a real world chatting application whose backend is hosted on aws It's not on play store yet
@@navinkumarsahu8166how can I contact you
5h video uploaded 2h ago and I (and many more) have already liked it.
Approved! Love your content!
Bro released the best SaaS tutorial on Yt ❤
Bro doesn't know about Web Prodigies
I am much closer to my goal of making $1,000,000 after watching this video! Thank you Kyle!!!
Legend you tubers
We really love web dev😂the video is 6 hours uploaded 3 hours ago and you are now close to making $1,000,000
Cap
haha
You crazy or what? Uploaded 13 hours ago and you commented 1 hour later and you are already making almost 1m? YOU DIDN'T EVEN FINISH THIS VIDEO!!!!! THIS VIDEO IS ABOUT 6 HOURS LONG!!!
30 mins in and i can see this is going to be a game changer for a lot of people.
Only 177 comments is kind of crazy. Just wanted to say thanks for the quality content and your real-world application of the code in this codebase. 'Production ready' and more advanced things, like proper caching, aren't talked about enough on RUclips or with enough practical application - this video is very helpful for ideas on how these problems could be tackled well across any application. Thank you!
I’m proud of you for saying “Best code I wrote” aha
what a charitable man giving every viwer a million dollar saas and not taking a cent
Just straight up incredible. Kudos to your hard work and thank you for what you do.
I had been expecting a SaaS tutorial from Kyle for a long time. Finally, my dream has come true😊
was currently building my first SaaS, came out just the right time, thanks Kyle!
Awesome watching your app building process from start to finish, learnt a lot
Thanks Kyle! You always deliver. Everything in this video is perfect for me to enhance my portfolio and skills.
Incredible content, especially for free!! Thanks, Kyle
Thank you for this project bro, it has all the modern tool in there.
Wow. Great project. love the demo. Thanks for this tut. Let's go 🔥 🔥
Amazing work Kayle !!!
Building this over the weekend. Custom UI and couple more features, will swap out clerk with next auth or lucia and stripe with razorpay.
18k views in 9h. I think there going to be a bunch of new million dollar websites in a few hours, and not just from me.
thanks from Egypt !
not even joking when i say this i first saw this video 16hrs after it was uploaded a couple of days ago then i added it to my watch later and i had actually been thinking of building exactly this for the past few weeks
Thanks Kyle i made 1 milli+ with this ❤️
Hey ! Thanks for the video, it's very interesting and helpful to see a senior dev's approach to this kind of product.
I just have a small “clean code” question about the landing page part. There's data like prices that you store in the data/subscriptionTiers file because they won't change. But why not apply the same principle to footer data, for example? Or to the list of partner companies?
I'm not sure when it's necessary to extract the “content” part of the page and when you can use it directly in the component code.
Otherwise, the video is super clear and the concept is top-notch! The only thing missing is a video on testing such a project haha
You are doing a good thing for the world.
You deserve the subscribe, enjoying the content.
The technical aspect is the easy part, creating a service people want to pay for, marketing it and selling it is the very hard part. The market is saturated with analytics dashboards and it's been the case for over 10 years at this point.
Good thing we aren't building an analytics dashboard product then :P
This is pure gold... 🦆-ing awesome
Thank you very much bro. Now, I'll be a millionaire. 👍
WOW, so much knowledge shared like this, thank you very much!!
Most usefull type of tutorial... THANKS!!!
Much thanks Kyle, will definitely watch! Nonetheless the title is a shallow, clickbait fantasy that completely disregards the real nature of building something meaningful. Creation isn’t about slapping something together quickly for a quick cash grab. True creators are driven by a deep, internal need to bring their vision to life, not for the sake of money or fame, but because they’re compelled to create. It’s a process fueled by passion, curiosity, transcendence and the desire to solve real problems or express something significant. The focus is on the work itself -not on chasing inflated numbers.
This title also plays into the modern myth that success is instantaneous and easy, when in reality, most "million-dollar" startups are overhyped by investors and connections in a fake, bubble-driven system. These valuations are often nothing more than speculative figures, disconnected from any real value or profitability. The idea that anyone can "build" something worth a million dollars in a few hours is not only absurd but also dismissive of the years of effort, knowledge, and struggle real creators invest. It perpetuates a superficial notion of success based on hype, while ignoring the substance and dedication that truly valuable creations require.
So true 🙌
This.
a rare sane comment in the sea of sycophancy in these comments from the junior dev army fawning over a video they haven't yet watched. This title and premise is absolutely absurd. A business is far more than implementing a tutorial on youtube and running some poxy app on localhost.
Agreed. Just contributes to the annoying “get rich quick” trend plaguing RUclips. High-quality tutorial though nonetheless, but the title is just plain unrealistic
Yeah
Thanks for this, on the caching, can I use React Query instead?
Curious how you might handle users who have 30+ products and try to downgrade to a cheaper tier.
Do you prevent the downgrade and force users to delete products before they can change? Do you implement an “active” vs “inactive” state on the product, etc.? Many ways to do it, just curious your thoughts. Thanks for the video!
I wonder how many 1$m companies kyle made! probably 10000 and he just gives us all that info for free! amazing
Amazing tutorial... Thanks a lot!
I promise to come back here and testify after completing this project
Reduce your playback to understand more clear.
Kyle usually speaks much faster 😂
You're a legend 🎉🎉🎉
omg! you are legend bro 😎👑
Omg you made my day!
Beast level!
“Really robust caching system” let’s go ;)
Can the code bypass VPN if a user tries to access discounts given for particular countries?
You would need to use a third party database to detect VPN ips
@@WebDevSimplified ok
@@WebDevSimplified then someone can just use proxy lmao
The discount is based on the purchasing power of the users home currency, can't really game it unless you trade Forex. No need to protect against VPN.
what do you think of tRPC with this setup
especially for the cashing part and the server-client connection?
that is amazing
thanks for the effort of building this project
but
i would say no matter how good the saas product the developer does
without advertising it very well you won't get that much of profit from it
you cant advertise a product that doesn't exist in the first place.
Hey bro, this is awesome video. I have only one doubt, what if user cancel the subscription and he/she want to upgrade it later? I tried this case but it won't working. Its not working bcoz, there is no value for stripeSubscriptionId and stripeSubscriptionId so it throwing error. How to deal with this case? Should we set stripeCustomerId = null so that next this it will call createCheckoutSession. Please add your thoughts. Thanks ❤
thank you for this❤❤❤❤❤❤
Great sir
amaizng
Do you think Typescript is a must for JavaScript developers?
it is
I think TS is pretty much a must have for most modern JS work.
Every one now ditching Prisma
can we use the latest nextjs 15 for this project , or should we stick to the version used in the video
I watched this video and just made my first cool million! 💰💰💰
Very attracting poster.
Can i make it live and market like my own product with UI changes and adding more features !
Which NextJS version was this made for? There seems to be some bugs with NEXTJS 15 and Clerk.
This was made with Next.js 14, but the only thing you need to update for Next.js 15 is to run the codemod from Next.js that changes params and headers to promises.
what would be the advantage of having a svg as a React component? thanks
you not making a svelte course?
Freaking legend 🚀🚀🚀
bro u r my University❤
Could someone explain, if i want to host this website to my VPS and I want to use different database such as SQL Database how should I handle?
the real million OR the yellow one
hey man, the command to install the t3 library doesn't work
So you are a multi-millionaire ?
youtube alone should make him quite alot of money together with his courses and potential other side hustels .. he easiily is
Will you update it to next js 15 ? With new catching ?
The cache changes in Next.js 15 don't change anything in this app. The main caching changes from Next 15 are related to fetch and reducing the amount of caching by default. In this app we are managing all the caching ourselves so the changes don't impact this app.
I wonder... is it really worth to cache the banner if every time you print it you also invalidate the cache because of the +1 views?
This API will be deprecated in future versions. In version 15 we recommend using the use cache directive instead.
Omg 1M per 6 hours of work. But, on the flip side, if everyone can generate that much income, then money would lose its value and the government will have to print out bigger and bigger bills. So thank you Kyle for worsening the state of inflation.
Banks, govs and those behind them don't need Kyle for worsening the state of inflation.
i just clicked and IRS is on my door already
Amazing tutorial! unbelievable that all of this is free, i have a question tho.
Does anyone know how to setup prettier properly so that it doesn't mess up my imports, i dont't use semicolons and everytime i save it autimatically puts imports all on the same line, breaking the code, thanks in advance!
How you deploy it? Vercel?
Could anyone explain in a bit more detail why the dynamic route stale time is set to 0 explicitly with experimental features?
are you sponsored by clerk out of interest? Appreciate the tutorial and am definitely going to watch it, but hate seeing Clerk involved tbh - $100/month for mfa, a feature that really needs to be in any auth, is a bit of a joke tbh. How difficult do you think it would be to swap it for Kinde and/or the advice the Lucia author now gives?
This video is sponsored by Clerk. I think they are a good auth company and enjoy their product. As for swapping out Clerk it should be relatively easy to swap in a different auth provider. If you want to implement your own auth provider (something like Lucia) it would be much more involved, but swapping in a different auth provider shouldn't be too hard.
@@WebDevSimplified ah ok. yeah i've seen lots of people who make more involved apps use it and swear by it, but that mfa thing feels like such a hurdle if you don't have a lot of paying customers and are starting out.
appreciate the advice on swapping it out and the video - didn't mean to sound down on it at all, looking forward to watching it!
Now! dont say you did'nt build this 'todo app' for sponsors.
I wouldn't say this is a todo app. If this is a todo app then pretty much everything is a todo app. I mean to be fair every app shares the core components of a todo app (forms, user interaction, CRUD, etc.) which is why todo apps are so common, but this is far beyond a basic todo app.
I have always wanted to build large projects like this as I find them incredibly enjoyable to build, but planning, building, recording, editing, etc. for a video like this takes weeks or even months. This is why I am thankful to have sponsors who have products I enjoy and use that are willing to pay me to create these large projects so I can then give away all the knowledge and code in these videos for free. Many creators that create large projects like this either charge you to view the videos or source code.
@@WebDevSimplified thanks man. it was a joke. 🥰
Ah, my 9 - 5 alternative to be, yeay
Watched the whole thing, was great.
How?! It's 6+ hours and your comment was posted 1.5 hours after 😅
Lol video has been posted 1 hour ago and your comment is 22 min ago and you completed the whole thing?!?!
You are lying
Repeated the process 6 times, still getting the error in Clerk auth - Missing Publishable key.
All keys are in .env, but cleark cant read it. Please help. Is it because of next 15 and react 19?
It works fine with Next 15 and React 19. You may have a typo
@@WebDevSimplified I ran it twice in cursor this morning, but the same issue persists. Missing publishable key. Is there a place where I can post the error.
Maybe adonisJs review?
The problem is not building but more for shiping
How do you upload this to a server?
I need help setting up premium "tiers"/accounts on my website where those who pay get access to x and y. Can someone help me link a tutorial or such?
Please please share your prettier configurations somewhere!!
selection:bg-[hsl(320, 65%, 52%, 20%)] this isnt working. Need to create ::selecton in global css. Why is that
Clerk are you serious?
I want to roll my own auth.
You are more than welcome to roll your own auth. It should be easy enough to integrate into the app after you finish the entire auth process.
I'm just curious. Are most JS devs creating apps like this? No interface, no dependency inversion, NO BOUNDARY at all. Any test? Clean code means nice folder structures?
Wheres the deployment part
🙏
no deployment ?
Do you have App that made you a million?
I wonder how rich Tyler is 🤔.
U think I have the time to code aloneside u? I'mma clone the repo and start making my 1 million now 😂
The last framework I would use for a SaaS is NextJs lol
Why? My SaaS is doing rlly well using NextJs
Are you actually talking and programming this fast or is this video x 1.x speed?
This is normal speed. I have the completed code on a second monitor so I don't have to plan and think about the code since I already spent weeks/months building the project before recording this video.
What about e-commerce project
he's done one
RUclips is full of it already and you are still asking for it here!
Hmm sir? Porblem is the other 53k ppl are also aware of this noe
Just curious who is watching 6 hour long tutorials
Millionnaires obviously
😅
I will definitely watch it, not in one go of course.
I'm having an issue installing Shadcn with Next.js as the latest Next.js utilizes a pre-release version of React 19.
Any particular recommendations here?
Run this command at first "npm config set legacy-peer-deps true" @deanarvin
You can downgrade to React 18. Most libraries do not support React 19
@@WebDevSimplified Got it! Thank you, sir.
First Like❤