How I Coded a SaaS (payments, database and frontend)
Вставка
- Опубліковано 8 чер 2024
- 🚀 neetcode.io/ - A better way to prepare for Coding Interviews
🥷 Discord: / discord
🐦 Twitter: / neetcode1
0:00 - Intro
0:26 - Frontend
2:55 - Backend
6:35 - Database
8:55 - Payments API
11:40 - Course platforms
#neetcode #coding #saas - Наука та технологія
🚀 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.
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!
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
I really respect the conviction that you have to help others. Thanks man. The software engineering world needs more people like you.
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.
This type of system design video is incredibly educative. One of your best videos!
Such a good video, organized and gives a good overview of how you created the project.
Learned so much from this short video itself. Thanks neetcode. The way you explain the problems you solved, was amazing
Loved this! I'd love to see more of these architecture type videos.
Thank you for another very helpful video, Neetcode!!! 😃💙 I needed this!!! 🙌🏼
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 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.
Loved the description of the engineering process!
Love that you’re sharing this.
Thank you for sharing! Cool to see how it all works
Incredible content, this is the best of the best on the Internet!
I definitely enjoyed your journey in creating this awesome SaaS
There aren't a lot of easy-to-follow architecture videos out there. This is great! Yeah bro, please make more.
Thanks, NeetCode. Love your content, it really helps a lot. Just upgrade to pro for life 🤪
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 really liked that you choose to make your own CSS. This makes it look and feel unique
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.
Well done, congratulations. You inspire me. Thank you!
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!
Awesome retro on Firebase DevX. Seeing this insight definitely helps me/others decide the which tools to use for a fullstack app
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!
Absolutely love this kind of content.
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 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.
Thank you, this was really informative !
This was an amazing video, definitely do something like this againn
Great vid !
Loved they architecture style
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.
Thanks for the experience sharing. All the best.
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.
All the best. I really like such videos- make more please! :)
Loved it great video, your explanations were simple yet great. Would also love a fullstack course by you
Thanks so much for the website! How long did it take you to build it?
Very interesting to walk through the journey!
Cool architectural video. Hoping for more in the future.
def more real world tech problem solutions.. thanks!
Amazing explanation
Enjoyed the video
Bro you are so good at explaining things😂😂, I really enjoyed this video
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.
Keep up with these type of videos!
Wow! that was one detailed video about the neetcodeio.
please create more architecture / system design videos!! loved it :)
Enjoyed this thanks for posting
Great Content, keep it up!!
just went lifetime. Best videos on coding questions hands down
love system design type content! support!
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.
Great content ! Thank you !!!
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.
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.
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.
great video!!
Nice breakdown, man the vendor lock-in is real with this one 😬
Awesome content! When would the lifetime acess promo end?
Happy for you man
New Here, thanks for this video.
i like how neet can be easy to understand
yeah, plz do keep it up!
I been using your platform and I know once I finish I'll be ready for them faang interview
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.
That was really helpful.
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!
I wasn't expecting this from a Google engineer.
I am planning to use cloudflare workers over firebase functions as it look more efficient and without cold start. What is your suggestion?
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?
Amazing insights
Amazing stuff
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 love the way you speak dude
Sorry beginner here, what do you mean by "create a rest API with express and containerzise it with docker"? Im just learning node and express myself and it would be great if you could explain the bigger picture of how dockers fits in with all these technology.
how do u style your components and make your own images and icons? what software do u use?
It'll really help folks in Africa if you can integrate Paypal payment option. For example, Nigerian cards don't work on Stripe.
waiting for the system design course 🔥🔥🔥
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.
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.
How did u map those problems to leetcode website I'm sure u didn't hardcode it, and how are storing and rendering code samples
Is there any doubt solving feature in th plateform which will help me if I am stuck in any of your course? i am thinking to purchase life time pack but first I want to know is there any support for doubt solving sir.
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.
Thank you😀
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
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
What books/resources exist where one can learn about piecing all of these parts of the puzzle together?
I for sometime thought this is a rant video 😂 😂
What js library was used for the graph for the coding roadmap?
LOVE❤
Great ❤️
Awesome stuff! How long are you running the 25% discount for? Figuring out finances everyday 😅
2 weeks
Thanks!
"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?
Hi
Why didn't you use Firebase stripe extension?
Keep going. You can be the Khan Academy of Tech 🥳