How I Coded a SaaS (payments, database and frontend)

[@NeetCode]

🚀 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! 🙂

[@abhaytiwari6411]

i like it bro

[@tanned_cosines_]

very much

[@9gager87]

Super useful! Do more!

[@abisheknair3545]

Pls make an archetecture step by step video to create a system.

[@Kaszanas]

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.

[@sams6454]

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!

[@georgedicu7397]

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 :)

[@interstellar1873]

Thanks! Appreciate all the hard work and efforts that you put in for the community.

[@somalideveloper1639]

Why is your comment highlighted with red and what is 1,000.00 indian rupees

[@thechaoslp2047]

@@somalideveloper1639 hes a member that donated

[@chrissametrinequartz9389]

@@thechaoslp2047 It's just a super thanks, which highlights the user, it doesnt have to be a member

[@theendurance]

@@somalideveloper1639 donation

[@jhonsen9842]

OMG $1000 , Just WoW.

[@timothynash4585]

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.

[@omkarajagunde4175]

Correct im a mern stack developer, do let me know if you have any need for code collaboration

[@DogeMultiverse]

Instead of having 1 employer (Google), you have 1000 employers (assuming $200 yearly subscription) Each of them threatening to leave for better/cheaper alternatives

[@anj000]

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.

[@syre1616]

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

[@shuhaozhang7332]

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!

[@paulogalhardo]

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.

[@phoneix24886]

I really respect the conviction that you have to help others. Thanks man. The software engineering world needs more people like you.

[@ranjithragul]

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.

[@theodoregolob4191]

This type of system design video is incredibly educative. One of your best videos!

[@Xe054]

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.

[@abdoreda7126]

Such a good video, organized and gives a good overview of how you created the project.

[@dmian2342]

You are so great at explaining things that I can figure out the main concept even if I have no idea about that topic before.

[@CHIRANJIBNANDY1]

Learned so much from this short video itself. Thanks neetcode. The way you explain the problems you solved, was amazing

[@prathameshjoshi2136]

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!

[@Kevin-jc1fx]

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.

[@SnehilCodes]

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!

[@waylag9144]

Loved this! I'd love to see more of these architecture type videos.

[@akhilbisht798]

I really liked that you choose to make your own CSS. This makes it look and feel unique

[@invictuz4803]

Incredible content, this is the best of the best on the Internet!

[@tholfikarmohammed887]

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.

[@SiaarZH]

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.

[@mbaljeetsingh]

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.

[@dianasvideos123]

Thank you for another very helpful video, Neetcode!!! 😃💙 I needed this!!! 🙌🏼

[@prodsefv]

i like how neet can be easy to understand

[@Blitzloki]

I definitely enjoyed your journey in creating this awesome SaaS

[@hubertboguski]

Love that you’re sharing this.

[@siruitao]

Thanks, NeetCode. Love your content, it really helps a lot. Just upgrade to pro for life 🤪

[@CompSciCentral]

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!

[@sankalpgaharwar8319]

Loved the description of the engineering process!

[@dawizze1]

Absolutely love this kind of content.

[@BobbyMully]

just went lifetime. Best videos on coding questions hands down

[@nebiyuelias1]

I wasn't expecting this from a Google engineer.

[@chrislyonm]

There aren't a lot of easy-to-follow architecture videos out there. This is great! Yeah bro, please make more.

[@jakemorales7949]

Awesome retro on Firebase DevX. Seeing this insight definitely helps me/others decide the which tools to use for a fullstack app

[@YagiTheDog]

Thank you for sharing! Cool to see how it all works

[@Chawndango]

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.

[@dansteryoo]

def more real world tech problem solutions.. thanks!

[@joshblf]

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.

[@yan0kyan0]

Well done, congratulations. You inspire me. Thank you!

[@RonanBorja]

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.

[@johnken0]

This was an amazing video, definitely do something like this againn

[@Kyjor_]

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

[@beaconbecay1648]

Cool architectural video. Hoping for more in the future.

[@user-oc6ky2tk5o]

Thank you, this was really informative !

[@hoyinli7462]

love system design type content! support!

[@vicradon]

It'll really help folks in Africa if you can integrate Paypal payment option. For example, Nigerian cards don't work on Stripe.

[@venkatbabu186]

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.

[@dorothychristina2721]

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.

[@ClashwithMeqiC]

Great vid ! Loved they architecture style

[@ayomikunogunjuyigbe1286]

Bro you are so good at explaining things😂😂, I really enjoyed this video

[@srinadhp]

Very interesting to walk through the journey!

[@_briantravis]

please create more architecture / system design videos!! loved it :)

[@compton8301]

All the best. I really like such videos- make more please! :)

[@hazema.6150]

Thanks for the experience sharing. All the best.

[@LeoLeung.93]

Thanks so much for the website! How long did it take you to build it?

[@uditsharma5688]

Wow! that was one detailed video about the neetcodeio.

[@chaitanyatirki4711]

Amazing explanation Enjoyed the video

[@sakshamkumar9191]

Great Content, keep it up!!

[@sdaiwepm]

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?

[@noahguale1083]

Keep up with these type of videos!

[@yuvaraj6608]

6:35 which software you used for making this chart

[@NeetCode]

That one's actually from the GCP docs

[@Thisismyworld123]

Thanks!

[@sK0pe-d9b]

RxJS has a steep learning curve but is insanely more intuitive than promises and way easier to debug.

[@theenilenation]

I been using your platform and I know once I finish I'll be ready for them faang interview

[@serkisdav]

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

[@akash-kumar737]

I am planning to use cloudflare workers over firebase functions as it look more efficient and without cold start. What is your suggestion?

[@jonrzurita]

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.

[@timothytanner29]

Enjoyed this thanks for posting

[@IamConstM]

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

[@NeetCode]

Probably 1 - 2 months, most of it was rewriting stripe integrations and debugging stripe issues.

[@Raccoon5]

That's neat, I would love to know how and where do you execute the python? Is it on the cloud? Is it ran on the target PC?

[@sanesanyo]

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

[@vasanthkumar3685]

I for sometime thought this is a rant video 😂 😂

[@GreenSoap]

Nice breakdown, man the vendor lock-in is real with this one 😬

[@johnsimon8158]

Loved it great video, your explanations were simple yet great. Would also love a fullstack course by you

[@ijasdeen3809]

I love the way you speak dude

[@blabla-kk8bl]

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.

[@Blitzloki]

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

[@dixztube]

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

[@buddh4r]

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.

[@s8x.]

how do u style your components and make your own images and icons? what software do u use?

[@senthilkumar5]

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 ;)

[@sleepy-dev14]

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.

[@foaRIonia]

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.

[@gunahawk6893]

Happy for you man

[@SaceedAbul]

Keep going. You can be the Khan Academy of Tech 🥳

[@sharathkumar8338]

Hello I'm currently in testing domain and does not know any of these things and learning only DSA and waiting for neetcode to upload the system design. Do I need to know this to join FAANG companies?? I don't know these tech stack. Do they expect me to learn very quickly??

[@minnow1337]

Just binge fireship’s channel and you’ll learn everything you need to know

[@sharathkumar8338]

@@minnow1337 thank you for the response

[@estifanosbireda1892]

yeah, plz do keep it up!

[@greatestuff]

"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?

[@master0fnone]

What books/resources exist where one can learn about piecing all of these parts of the puzzle together?

[@guillaume5623]

Great content ! Thank you !!!

[@yamsi55]

What js library was used for the graph for the coding roadmap?

[@sahil_tayade]

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.

[@aly3614]

Awesome content! When would the lifetime acess promo end?

[@KellsCode]

My experience with the Google Cloud Platform as a whole has been rough

[@Shujaathullakhan]

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

[@mbaljeetsingh]

Hi Why didn't you use Firebase stripe extension?

[@0lange]

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.

[@patel5532]

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.

[@isasunasra9910]

Superb, I want to know how one can handle copyright or patent fo SaaS platform ?

[@omose14]

Did you end up creating a CMS specifically for the site?