🚀 neetcode.io - Get access to every current and future course I ever create. Let me know if you enjoyed this new "architecture" style video and I'll try to do more! 🙂
Well I am trying to implement a similar payment system for my product. Some code examples of how to implement what you were talking about when it comes to yearly subscription + one time payment would be very helpful.
Its rare that someone shares their process and all the issues they run into while developing something. Most tutorials these days make things look so easy because they leave out their struggles. This only makes imposter syndrome worse. Thank you for being so genuine!
yeah but not many wanna watch their struggle, ive seen many tech channels with all their progress and very very few views and vice-versa I think its pretty tedious to retain users and keep them from being bored. Even if they make a series our of it and not a 10h long video :)
Amazing video. Software as a Service is the way to become financially independent. Even when you make 200k a year for google you still have google as your boss. When you make 200k a year from the recurring subscriptions to your software as as service thats when you truly made it.
Instead of having 1 employer (Google), you have 1000 employers (assuming $200 yearly subscription) Each of them threatening to leave for better/cheaper alternatives
Until you realize, software as a service will also lead to an addiction to big corporations and your financial independence will be an illusion. (anything) As A Service is the biggest scam and cancer of our world. You will need subscription to use software, drive a car, and basically live.
Been watching you for the longest, and can honestly say you're one of the most genuine channels out there who try to help people as much as possible, keep doing what you're doing brother, already a NeetCode Pro member as well
It’s really motivating to see you doing the coding videos, getting hired by google, a coding problem list website, and then a fully fledged SAAS, step by step. And the best part is you keep going. Cheers mate!
Great content man! What makes it gold to me: * Overview of the application architecture. * Analysis of the decisions you've made. * Problems you encountered and how you solved them. * Explanation of how the chosen technologies work.
Another MAJOR reason why the status is sent to the server and not the client is because the client can be a malicious user who can send a forged status "SUCCEEDED" request to your firebase function and firebase would consider it to be true. To avoid that you'd have to recheck on the backend to confirm the status, hence the webhook approach is much better and simpler!
I loved this video! I'm at a stage where I want to build my own small SaaS project, and this video helped me visualize how I might approach that problem. I know it won't be easy, but I know the rewards of starting your own business can be immense.
HAPPY TEACHER'S DAY NEETCODE! Love from India! We're celebrate Teacher's day here in India every 5th of September! :) Please do make more System Design videos like these in future! Would love to learn all of this! Also on a different note, would like to see your face in one of these videos :D I just recognize you by your voice, add a face to this amazing channel already!! Thanks for all the continuous and genuine efforts!
This is an amazing and very informative video. It gives a very useful overview of what is happening and how a project is handled end to end. Regarding the aesthetics of the site, I think it is worth it to have a professional redesign it for you so that it has a more serious look. Congratulations on reaching new heights. Godspeed.
I completely agree with the cloud functions cold start. I'm also building a sass currently, and I can see this issue when using cloud function for stripe payment. It sometimes take around >5 seconds.
I know a way around cold starts in Azure is to add a "warm up" trigger to run your function periodically. I imagine you could do the same with cloud scheduler or something to make a request to your function periodically to keep an instance running. Although I'm not sure how much that would cost vs the minimum instances you talk about.
This is so cool to see. You've done a really great developing and launching your platform. I really like the overall feel of *neetcode*. I plan on developing something similar in the future so I love that I'm able to get a sneak peek of your process. It's really eye-opening, there are a lot of things that I haven't considered. Thanks for making this!
Wherever trade frontend or buy or sale or query or other things.. it is always scan code. Because people don't have to have other functionality. Or language or other types. Even a human ID can be used by scan code. Including login.
The issue you mentioned at 8:00 is probably related to a client's browser plug-in and often it's something that isn't supposed to cause issues - like a password manager.
This is awesome. Hopefully I don’t need this pending interview results, but if I do I’ll definitely buy this! Your videos have helped me so much in a short amount of time
I've been using this exact stack recently. For me, the speed of keeping my Cloud functions in the same repo as my Angular code has been a big time-saver. I agree with your CSS comments also. Many developers rely too much on pre-built component libraries and never really become experts in CSS. Plus, the web becomes too cookie cutter. This is why we saw the rise of brutalist websites in protest.
Hey Neetcode, great video and great stuff as usual. I have a question regarding your new paid courses. In which way are they different than other courses (paid and free) that can be found online? I'm genuinely asking as I want to make an informative decision.
Thanks for sharing it for free. :) Even I was having the same question - why did you build a website when Udemy like platform available. Now got the answer ;)
Eagerly waiting for your next video on how you built this application and do post more on architecture type that is beginner friendly too.love your work.
I think you made a smart move by not joining udemy and having full control over the user experience. I really enjoy the interactive feel of neetcode and how it’s almost like a toolbox you can open up next to you while u grind out leetcode.
"Firebase is not a smooth experience as I was expecting" Thank you!!!!! I felt like I was the only one. Like some kinda Emperor's New Clothes. Everything I see talks about how easy Firebase is, but have they actually used it?
Do you have a video about bridging the chasm between "tactical" DSA problem solving, which is most of your videos, and designing a large and complex platform like this?
You could have used the Stripe Firebase Plugin to manage Stripe subscription. That will get you started in matter of minutes. It took me 25 minutes to set up subscription handlers. Strongly recommend if you want to get to MVP asap
How long did it take to complete this project? How long did it take to plan the project and How long did it take to wireframe the idea Just wondering :) This will give me also a good insight on how long it take to create my own SaaS
So I just finished one and it included User auth Event and organization listings with mapping Event request and response Subscription billing (few subscription models) Organization and event profiles Newsfeed Posts (with likes) Polling (surveys where user can vote) Metrics About 15 static pages CMS (didn’t build and using strapi) Managed Postgres db Reverse proxy using nginx User account area and various dashboards All in all it took about two years but should have taken about 8 months but i was the sole developer doing IA, UI, front end and backend and had to teach myself things I know quickly now that took some time in the beginning Now it would probably take me about 6-8 months. One thing I will say though - the most important thing is the planning. Like do the non code stuff. You don’t have to go full blast UMD charts and documentation but you definitely wanna do some and wireframe everything out
This is an awesome vid. Very different from the usual tutorials out there. I have one question, have you tried writing a pagination using a no-sql (firestore) and how's the recommended data model for that. Hopefully, you can create a video about this one.
I think this is a hard setup for a saas. I prefer vue-django-mysql classic server setup. Also I am not tend to use vendor lock-in products like firebase and google cloudsql.
Hey man love the video thanks for putting this process out here much appreciated... please how long did it take to have a basic of your saas running online
I would totally pay for this service if I was into front-end, unfortunately I see myself going more into backend/AI since I really dislike stuff like CSS.
About the coldstart, i had same issues when was developed a Faas software using AWS lambda function, I used serverless framework, and for dealing the prevent the coldstart delays I integrated warmup function that keep the lambda warm and ready for the requests all the time with time scheduled config. Probably firebase must have or must dev something similar :) cheers
Oh wow, you saw my comment. Thank you so much for your work Neet. It is really helpful to so many people. Also, could you please make more videos like this? Thank you. You are commendable.
Neetcode is great, channel and the website, I use it often to refresh on some problems and not get rusty. Is there any way to contribute to the website? I think it's fair to try to payback at least a small fraction of all the help you are giving to the community for free
Trust me, as long as you don't need to touch the PayPal API you have nothing to complain about. In that context Stripe's API is like heaven and PayPal's is like the darkest part of hell.
Isn't one reason the payment status is directly sent to your backend instead of the browser that you can not trust the browser? I assume you could validate the status again in the backend but with the webhook we can skip few steps.
🚀 neetcode.io - Get access to every current and future course I ever create.
Let me know if you enjoyed this new "architecture" style video and I'll try to do more! 🙂
i like it bro
very much
Super useful! Do more!
Pls make an archetecture step by step video to create a system.
Well I am trying to implement a similar payment system for my product. Some code examples of how to implement what you were talking about when it comes to yearly subscription + one time payment would be very helpful.
Its rare that someone shares their process and all the issues they run into while developing something. Most tutorials these days make things look so easy because they leave out their struggles. This only makes imposter syndrome worse. Thank you for being so genuine!
yeah but not many wanna watch their struggle,
ive seen many tech channels with all their progress and very very few views and vice-versa
I think its pretty tedious to retain users and keep them from being bored.
Even if they make a series our of it and not a 10h long video :)
Thanks! Appreciate all the hard work and efforts that you put in for the community.
Why is your comment highlighted with red and what is 1,000.00 indian rupees
@@somalideveloper1639 hes a member that donated
@@thechaoslp2047 It's just a super thanks, which highlights the user, it doesnt have to be a member
@@somalideveloper1639 donation
OMG $1000 , Just WoW.
Amazing video. Software as a Service is the way to become financially independent. Even when you make 200k a year for google you still have google as your boss. When you make 200k a year from the recurring subscriptions to your software as as service thats when you truly made it.
Correct im a mern stack developer, do let me know if you have any need for code collaboration
Instead of having 1 employer (Google), you have 1000 employers (assuming $200 yearly subscription)
Each of them threatening to leave for better/cheaper alternatives
Until you realize, software as a service will also lead to an addiction to big corporations and your financial independence will be an illusion.
(anything) As A Service is the biggest scam and cancer of our world. You will need subscription to use software, drive a car, and basically live.
Been watching you for the longest, and can honestly say you're one of the most genuine channels out there who try to help people as much as possible, keep doing what you're doing brother, already a NeetCode Pro member as well
It’s really motivating to see you doing the coding videos, getting hired by google, a coding problem list website, and then a fully fledged SAAS, step by step. And the best part is you keep going. Cheers mate!
Great content man!
What makes it gold to me:
* Overview of the application architecture.
* Analysis of the decisions you've made. * Problems you encountered and how you solved them.
* Explanation of how the chosen technologies work.
I really respect the conviction that you have to help others. Thanks man. The software engineering world needs more people like you.
I watched this video when its aired, Its like alien language to me. Today I watched with knowledge of Neetcode system design. Thats realy wonderful.
Such a good video, organized and gives a good overview of how you created the project.
Another MAJOR reason why the status is sent to the server and not the client is because the client can be a malicious user who can send a forged status "SUCCEEDED" request to your firebase function and firebase would consider it to be true. To avoid that you'd have to recheck on the backend to confirm the status, hence the webhook approach is much better and simpler!
This type of system design video is incredibly educative. One of your best videos!
I loved this video! I'm at a stage where I want to build my own small SaaS project, and this video helped me visualize how I might approach that problem. I know it won't be easy, but I know the rewards of starting your own business can be immense.
HAPPY TEACHER'S DAY NEETCODE! Love from India! We're celebrate Teacher's day here in India every 5th of September! :)
Please do make more System Design videos like these in future! Would love to learn all of this! Also on a different note, would like to see your face in one of these videos :D I just recognize you by your voice, add a face to this amazing channel already!!
Thanks for all the continuous and genuine efforts!
Learned so much from this short video itself. Thanks neetcode. The way you explain the problems you solved, was amazing
This is an amazing and very informative video. It gives a very useful overview of what is happening and how a project is handled end to end.
Regarding the aesthetics of the site, I think it is worth it to have a professional redesign it for you so that it has a more serious look. Congratulations on reaching new heights. Godspeed.
Loved this! I'd love to see more of these architecture type videos.
I really liked that you choose to make your own CSS. This makes it look and feel unique
Incredible content, this is the best of the best on the Internet!
There aren't a lot of easy-to-follow architecture videos out there. This is great! Yeah bro, please make more.
I will defiantly choose a life time plan for such clearly explained content, I would like to see more of SaaS and system design topics in the future.
I wasn't expecting this from a Google engineer.
Thank you for another very helpful video, Neetcode!!! 😃💙 I needed this!!! 🙌🏼
Loved the description of the engineering process!
I completely agree with the cloud functions cold start. I'm also building a sass currently, and I can see this issue when using cloud function for stripe payment. It sometimes take around >5 seconds.
Love that you’re sharing this.
I love neetcode I wish I had it before I used other courses like Algocademy or other youtuber courses. Can't wait for that frontend content.
Thanks, NeetCode. Love your content, it really helps a lot. Just upgrade to pro for life 🤪
just went lifetime. Best videos on coding questions hands down
I definitely enjoyed your journey in creating this awesome SaaS
I know a way around cold starts in Azure is to add a "warm up" trigger to run your function periodically.
I imagine you could do the same with cloud scheduler or something to make a request to your function periodically to keep an instance running.
Although I'm not sure how much that would cost vs the minimum instances you talk about.
This is so cool to see. You've done a really great developing and launching your platform. I really like the overall feel of *neetcode*. I plan on developing something similar in the future so I love that I'm able to get a sneak peek of your process. It's really eye-opening, there are a lot of things that I haven't considered. Thanks for making this!
i like how neet can be easy to understand
Absolutely love this kind of content.
Awesome retro on Firebase DevX. Seeing this insight definitely helps me/others decide the which tools to use for a fullstack app
def more real world tech problem solutions.. thanks!
Wherever trade frontend or buy or sale or query or other things.. it is always scan code. Because people don't have to have other functionality. Or language or other types. Even a human ID can be used by scan code. Including login.
love system design type content! support!
The issue you mentioned at 8:00 is probably related to a client's browser plug-in and often it's something that isn't supposed to cause issues - like a password manager.
Thank you, this was really informative !
It'll really help folks in Africa if you can integrate Paypal payment option. For example, Nigerian cards don't work on Stripe.
This is awesome. Hopefully I don’t need this pending interview results, but if I do I’ll definitely buy this! Your videos have helped me so much in a short amount of time
Thank you for sharing! Cool to see how it all works
Cool architectural video. Hoping for more in the future.
I've been using this exact stack recently. For me, the speed of keeping my Cloud functions in the same repo as my Angular code has been a big time-saver. I agree with your CSS comments also. Many developers rely too much on pre-built component libraries and never really become experts in CSS. Plus, the web becomes too cookie cutter. This is why we saw the rise of brutalist websites in protest.
Hey Neetcode, great video and great stuff as usual. I have a question regarding your new paid courses. In which way are they different than other courses (paid and free) that can be found online? I'm genuinely asking as I want to make an informative decision.
Thanks for sharing it for free. :) Even I was having the same question - why did you build a website when Udemy like platform available. Now got the answer ;)
Eagerly waiting for your next video on how you built this application and do post more on architecture type that is beginner friendly too.love your work.
Well done, congratulations. You inspire me. Thank you!
Bro you are so good at explaining things😂😂, I really enjoyed this video
Great vid !
Loved they architecture style
This was an amazing video, definitely do something like this againn
Nice breakdown, man the vendor lock-in is real with this one 😬
I for sometime thought this is a rant video 😂 😂
please create more architecture / system design videos!! loved it :)
yeah, plz do keep it up!
Very interesting to walk through the journey!
I think you made a smart move by not joining udemy and having full control over the user experience. I really enjoy the interactive feel of neetcode and how it’s almost like a toolbox you can open up next to you while u grind out leetcode.
Great Content, keep it up!!
All the best. I really like such videos- make more please! :)
"Firebase is not a smooth experience as I was expecting" Thank you!!!!! I felt like I was the only one. Like some kinda Emperor's New Clothes. Everything I see talks about how easy Firebase is, but have they actually used it?
I love the way you speak dude
Thanks so much for the website! How long did it take you to build it?
Thanks for the experience sharing. All the best.
Keep up with these type of videos!
Wow! that was one detailed video about the neetcodeio.
Do you have a video about bridging the chasm between "tactical" DSA problem solving, which is most of your videos, and designing a large and complex platform like this?
Happy for you man
Amazing explanation
Enjoyed the video
Enjoyed this thanks for posting
You could have used the Stripe Firebase Plugin to manage Stripe subscription. That will get you started in matter of minutes. It took me 25 minutes to set up subscription handlers. Strongly recommend if you want to get to MVP asap
Loved it great video, your explanations were simple yet great. Would also love a fullstack course by you
Keep going. You can be the Khan Academy of Tech 🥳
How long did it take to complete this project? How long did it take to plan the project and How long did it take to wireframe the idea
Just wondering :)
This will give me also a good insight on how long it take to create my own SaaS
So I just finished one and it included
User auth
Event and organization listings with mapping
Event request and response
Subscription billing (few subscription models)
Organization and event profiles
Newsfeed
Posts (with likes)
Polling (surveys where user can vote)
Metrics
About 15 static pages
CMS (didn’t build and using strapi)
Managed Postgres db
Reverse proxy using nginx
User account area and various dashboards
All in all it took about two years but should have taken about 8 months but i was the sole developer doing IA, UI, front end and backend and had to teach myself things I know quickly now that took some time in the beginning
Now it would probably take me about 6-8 months.
One thing I will say though - the most important thing is the planning. Like do the non code stuff. You don’t have to go full blast UMD charts and documentation but you definitely wanna do some and wireframe everything out
Great content ! Thank you !!!
This is an awesome vid. Very different from the usual tutorials out there. I have one question, have you tried writing a pagination using a no-sql (firestore) and how's the recommended data model for that. Hopefully, you can create a video about this one.
I think this is a hard setup for a saas. I prefer vue-django-mysql classic server setup. Also I am not tend to use vendor lock-in products like firebase and google cloudsql.
Hey man love the video thanks for putting this process out here much appreciated... please how long did it take to have a basic of your saas running online
Probably 1 - 2 months, most of it was rewriting stripe integrations and debugging stripe issues.
I would totally pay for this service if I was into front-end, unfortunately I see myself going more into backend/AI since I really dislike stuff like CSS.
great video!!
I been using your platform and I know once I finish I'll be ready for them faang interview
About the coldstart, i had same issues when was developed a Faas software using AWS lambda function, I used serverless framework, and for dealing the prevent the coldstart delays I integrated warmup function that keep the lambda warm and ready for the requests all the time with time scheduled config. Probably firebase must have or must dev something similar :) cheers
Enjoyed!
My experience with the Google Cloud Platform as a whole has been rough
New Here, thanks for this video.
I enjoyed this kind of video.
Oh wow, you saw my comment. Thank you so much for your work Neet. It is really helpful to so many people. Also, could you please make more videos like this? Thank you. You are commendable.
I'm so interested in Angular content from you
Amazing stuff
That was really helpful.
Neetcode is great, channel and the website, I use it often to refresh on some problems and not get rusty.
Is there any way to contribute to the website? I think it's fair to try to payback at least a small fraction of all the help you are giving to the community for free
LOVE❤
waiting for the system design course 🔥🔥🔥
Awesome content! When would the lifetime acess promo end?
Trust me, as long as you don't need to touch the PayPal API you have nothing to complain about. In that context Stripe's API is like heaven and PayPal's is like the darkest part of hell.
Yeah, ive heard the paypal api is pretty bad lol
Amazing insights
instead of express , go with nesjs since you like TS already
I am planning to use cloudflare workers over firebase functions as it look more efficient and without cold start. What is your suggestion?
Couldn't resist itself from reaching 6.9s
Isn't one reason the payment status is directly sent to your backend instead of the browser that you can not trust the browser? I assume you could validate the status again in the backend but with the webhook we can skip few steps.
Please do more of the system design
Will have another one uploaded this weekend 🙏