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
@@navinkumarsahu8166 start making passive income streams like saas products, these guys aren't hiring us. We'll have to overtake these mfs by hardwork alone ✊
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 UA-cam 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!
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.
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
edit: just realized i was watching the main branch of the repo. the feature-folder-structure branch already has this tailwind change. great video and folder structure. to add to it, i needed to add ("./src/features/**/*.{js,ts,jsx,tsx,mdx}") to the tailwind.config.ts to get styles working in features folder.
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
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.
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 UA-cam. 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!
Do you find this folder structure better than the features folder structure? In folder structure would you put a server, schemas and permissions folder inside each feature? and waht about the _components
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
I'm debating between reading the document for Stripe and building this using my own stack which I'm more comfortable working with or following this video. 🤷🏻
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.
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 ❤
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.
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.
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'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?
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.
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!
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
@@navinkumarsahu8166 start making passive income streams like saas products, these guys aren't hiring us. We'll have to overtake these mfs by hardwork alone ✊
@@navinkumarsahu8166whats your contact info?
what a charitable man giving every viwer a million dollar saas and not taking a cent
5h video uploaded 2h ago and I (and many more) have already liked it.
Approved! Love your content!
30 mins in and i can see this is going to be a game changer for a lot of people.
Bro released the best SaaS tutorial on Yt ❤
Bro doesn't know about Web Prodigies
I love and respect the Web Dev and now I know one more good channel - Web Prodigies @codingaddict-j9f thank you.
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!!!
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 UA-cam 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
Just straight up incredible. Kudos to your hard work and thank you for what you do.
got 2 millions thank you ! now seriously thank you for taking the time to showcase the technology !
what does it says something is too wide in an application ? been working for companies that wide is wide and applications should be wide too.
I had been expecting a SaaS tutorial from Kyle for a long time. Finally, my dream has come true😊
The detailing on building web app is topnotch!!!🥇
was currently building my first SaaS, came out just the right time, thanks Kyle!
Incredible content, especially for free!! Thanks, Kyle
Awesome watching your app building process from start to finish, learnt a lot
Wow. Great project. love the demo. Thanks for this tut. Let's go 🔥 🔥
Amazing work Kayle !!!
Thank you for this project bro, it has all the modern tool in there.
You deserve the subscribe, enjoying the content.
Thanks Kyle! You always deliver. Everything in this video is perfect for me to enhance my portfolio and skills.
This is pure gold... 🦆-ing awesome
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.
WOW, so much knowledge shared like this, thank you very much!!
Sweet a build with my stack 💯 thank you
You are doing a good thing for the world.
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
You're a legend 🎉🎉🎉
Thank you very much bro. Now, I'll be a millionaire. 👍
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
Amazing tutorial... Thanks a lot!
edit: just realized i was watching the main branch of the repo. the feature-folder-structure branch already has this tailwind change.
great video and folder structure. to add to it, i needed to add ("./src/features/**/*.{js,ts,jsx,tsx,mdx}") to the tailwind.config.ts to get styles working in features folder.
Thanks Kyle i made 1 milli+ with this ❤️
How you do it
I build this full app and even add some other advance features but still nothing with me 😕
Most usefull type of tutorial... THANKS!!!
Building this over the weekend. Custom UI and couple more features, will swap out clerk with next auth or lucia and stripe with razorpay.
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.
thanks from Egypt !
omg! you are legend bro 😎👑
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
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.
wow, gonna watch it!!
“Really robust caching system” let’s go ;)
Thanks for this, on the caching, can I use React Query instead?
Omg you made my day!
I promise to come back here and testify after completing this project
Why are you giving up?😄
I wonder how many 1$m companies kyle made! probably 10000 and he just gives us all that info for free! amazing
Reduce your playback to understand more clear.
Kyle usually speaks much faster 😂
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 UA-cam. High-quality tutorial though nonetheless, but the title is just plain unrealistic
Yeah
thank you for this❤❤❤❤❤❤
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!
Do you find this folder structure better than the features folder structure? In folder structure would you put a server, schemas and permissions folder inside each feature? and waht about the _components
Beast level!
what do you think of tRPC with this setup
especially for the cashing part and the server-client connection?
Freaking legend 🚀🚀🚀
can we use the latest nextjs 15 for this project , or should we stick to the version used in the video
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.
what would be the advantage of having a svg as a React component? thanks
How you deploy it? Vercel?
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.
you not making a svelte course?
hey man, the command to install the t3 library doesn't work
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?
Why should I use neon over supabase?
i just clicked and IRS is on my door already
Every one now ditching Prisma
I'm debating between reading the document for Stripe and building this using my own stack which I'm more comfortable working with or following this video. 🤷🏻
How do you upload this to a server?
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.
bro u r my University❤
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 ❤
Can i make it live and market like my own product with UI changes and adding more features !
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?
This has to be sped up right?
Great sir
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
Could anyone explain in a bit more detail why the dynamic route stale time is set to 0 explicitly with experimental features?
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.
the real million OR the yellow one
Very attracting poster.
Wheres the deployment part
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.
no deployment ?
This API will be deprecated in future versions. In version 15 we recommend using the use cache directive instead.
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?
Maybe adonisJs review?
I watched this video and just made my first cool million! 💰💰💰
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!
What about e-commerce project
he's done one
UA-cam is full of it already and you are still asking for it here!
India ❤❤
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?
Please please share your prettier configurations somewhere!!
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. 🥰
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.
selection:bg-[hsl(320, 65%, 52%, 20%)] this isnt working. Need to create ::selecton in global css. Why is that
You can't have spaces, I had that issue as well.
Answer:
selection:bg-[hsl(320,65%,52%,20%)]
The problem is not building but more for shiping
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.
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!
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
Ah, my 9 - 5 alternative to be, yeay