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

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 199

  • @NeetCode
    @NeetCode  2 года назад +71

    🚀 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
      @abhaytiwari6411 2 года назад +1

      i like it bro

    • @tanned_cosines_
      @tanned_cosines_ 2 года назад

      very much

    • @9gager87
      @9gager87 2 года назад +1

      Super useful! Do more!

    • @abisheknair3545
      @abisheknair3545 2 года назад +1

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

    • @Kaszanas
      @Kaszanas 2 года назад

      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
    @sams6454 2 года назад +238

    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
      @georgedicu7397 2 года назад +5

      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
    @interstellar1873 2 года назад +116

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

    • @somalideveloper1639
      @somalideveloper1639 2 года назад +3

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

    • @thechaoslp2047
      @thechaoslp2047 2 года назад +2

      @@somalideveloper1639 hes a member that donated

    • @chrissametrinequartz9389
      @chrissametrinequartz9389 2 года назад +5

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

    • @theendurance
      @theendurance 2 года назад

      @@somalideveloper1639 donation

    • @jhonsen9842
      @jhonsen9842 2 года назад +1

      OMG $1000 , Just WoW.

  • @syre1616
    @syre1616 2 года назад +33

    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
    @shuhaozhang7332 2 года назад +15

    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!

  • @timothynash4585
    @timothynash4585 2 года назад +185

    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
      @omkarajagunde4175 2 года назад +1

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

    • @DogeMultiverse
      @DogeMultiverse 2 года назад +22

      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
      @anj000 2 года назад +1

      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.

  • @paulogalhardo
    @paulogalhardo 2 года назад +5

    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
    @phoneix24886 Год назад +3

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

  • @theodoregolob4191
    @theodoregolob4191 2 года назад +4

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

  • @Xe054
    @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
    @abdoreda7126 2 года назад +11

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

  • @dmian2342
    @dmian2342 2 года назад +2

    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.

  • @ranjithragul
    @ranjithragul Год назад +1

    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.

  • @CHIRANJIBNANDY1
    @CHIRANJIBNANDY1 Год назад

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

  • @Kevin-jc1fx
    @Kevin-jc1fx 2 года назад +4

    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.

  • @prathameshjoshi2136
    @prathameshjoshi2136 2 года назад +6

    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!

  • @waylag9144
    @waylag9144 2 года назад +3

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

  • @akhilbisht798
    @akhilbisht798 2 года назад

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

  • @invictuz4803
    @invictuz4803 2 года назад +1

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

  • @SnehilCodes
    @SnehilCodes 2 года назад +6

    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!

  • @tholfikarmohammed887
    @tholfikarmohammed887 2 года назад

    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.

  • @chrislyonm
    @chrislyonm 2 года назад

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

  • @Thisismyworld123
    @Thisismyworld123 2 года назад

    Thanks!

  • @CompSciCentral
    @CompSciCentral 2 года назад +1

    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!

  • @mbaljeetsingh
    @mbaljeetsingh 2 года назад

    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.

  • @sankalpgaharwar8319
    @sankalpgaharwar8319 2 года назад

    Loved the description of the engineering process!

  • @dianasvideos123
    @dianasvideos123 2 года назад

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

  • @hubertboguski
    @hubertboguski 2 года назад

    Love that you’re sharing this.

  • @Blitzloki
    @Blitzloki 2 года назад

    I definitely enjoyed your journey in creating this awesome SaaS

  • @siruitao
    @siruitao 2 года назад +1

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

  • @dawizze1
    @dawizze1 2 года назад

    Absolutely love this kind of content.

  • @jakemorales7949
    @jakemorales7949 2 года назад

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

  • @YagiTheDog
    @YagiTheDog 2 года назад

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

  • @shivarajpatil8699
    @shivarajpatil8699 2 года назад

    Thanks

  • @Kyjor_
    @Kyjor_ 2 года назад

    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

  • @Chawndango
    @Chawndango 2 года назад +1

    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.

  • @yan0kyan0
    @yan0kyan0 2 года назад

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

  • @user-oc6ky2tk5o
    @user-oc6ky2tk5o 2 года назад +1

    Thank you, this was really informative !

  • @SiaarZH
    @SiaarZH 2 года назад

    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.

  • @BobbyMully
    @BobbyMully 2 года назад

    just went lifetime. Best videos on coding questions hands down

  • @johnken0
    @johnken0 2 года назад

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

  • @RonanBorja
    @RonanBorja 2 года назад +1

    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.

  • @dansteryoo
    @dansteryoo 2 года назад +1

    def more real world tech problem solutions.. thanks!

  • @ClashwithMeqiC
    @ClashwithMeqiC 2 года назад

    Great vid !
    Loved they architecture style

  • @beaconbecay1648
    @beaconbecay1648 2 года назад

    Cool architectural video. Hoping for more in the future.

  • @dorothychristina2721
    @dorothychristina2721 2 года назад

    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.

  • @hoyinli7462
    @hoyinli7462 Год назад

    love system design type content! support!

  • @hazema.6150
    @hazema.6150 2 года назад

    Thanks for the experience sharing. All the best.

  • @sakshamkumar9191
    @sakshamkumar9191 2 года назад

    Great Content, keep it up!!

  • @srinadhp
    @srinadhp 2 года назад

    Very interesting to walk through the journey!

  • @_briantravis
    @_briantravis Год назад

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

  • @prodsefv
    @prodsefv 2 года назад

    i like how neet can be easy to understand

  • @compton8301
    @compton8301 2 года назад

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

  • @noahguale1083
    @noahguale1083 2 года назад

    Keep up with these type of videos!

  • @sdaiwepm
    @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?

  • @joshblf
    @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.

  • @timothytanner29
    @timothytanner29 2 года назад

    Enjoyed this thanks for posting

  • @chaitanyatirki4711
    @chaitanyatirki4711 2 года назад

    Amazing explanation
    Enjoyed the video

  • @uditsharma5688
    @uditsharma5688 2 года назад

    Wow! that was one detailed video about the neetcodeio.

  • @ayomikunogunjuyigbe1286
    @ayomikunogunjuyigbe1286 2 года назад

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

  • @venkatbabu186
    @venkatbabu186 2 года назад

    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.

  • @estifanosbireda1892
    @estifanosbireda1892 2 года назад +1

    yeah, plz do keep it up!

  • @vicradon
    @vicradon 2 года назад +1

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

  • @yuvaraj6608
    @yuvaraj6608 2 года назад +3

    6:35 which software you used for making this chart

    • @NeetCode
      @NeetCode  2 года назад +1

      That one's actually from the GCP docs

  • @guillaume5623
    @guillaume5623 Год назад

    Great content ! Thank you !!!

  • @gunahawk6893
    @gunahawk6893 2 года назад

    Happy for you man

  • @nebiyuelias1
    @nebiyuelias1 2 года назад +2

    I wasn't expecting this from a Google engineer.

  • @sanesanyo
    @sanesanyo 2 года назад

    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

  • @theenilenation
    @theenilenation 2 года назад

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

  • @LeoLeung.93
    @LeoLeung.93 2 года назад +3

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

  • @greatestuff
    @greatestuff 2 года назад

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

  • @IamConstM
    @IamConstM 2 года назад +1

    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
      @NeetCode  2 года назад

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

  • @johnsimon8158
    @johnsimon8158 2 года назад

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

  • @GreenSoap
    @GreenSoap 2 года назад

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

  • @serkisdav
    @serkisdav 2 года назад

    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

  • @Raccoon5
    @Raccoon5 4 месяца назад

    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?

  • @senthilkumar5
    @senthilkumar5 5 месяцев назад

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

  • @jonrzurita
    @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.

  • @sleepy-dev14
    @sleepy-dev14 2 года назад

    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.

  • @akash-kumar737
    @akash-kumar737 2 года назад

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

  • @buddh4r
    @buddh4r 2 года назад

    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.

  • @rsKayiira
    @rsKayiira 2 года назад

    great video!!

  • @ijasdeen3809
    @ijasdeen3809 2 года назад

    I love the way you speak dude

  • @mbaljeetsingh
    @mbaljeetsingh 2 года назад

    Hi
    Why didn't you use Firebase stripe extension?

  • @SaceedAbul
    @SaceedAbul 2 года назад

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

  • @aly3614
    @aly3614 2 года назад

    Awesome content! When would the lifetime acess promo end?

  • @posthocprior
    @posthocprior 2 года назад

    That was really helpful.

  • @s8x.
    @s8x. Год назад

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

  • @foaRIonia
    @foaRIonia 2 года назад +5

    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.

  • @sK0pe-d9b
    @sK0pe-d9b 3 месяца назад

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

  • @ricocode
    @ricocode 2 года назад

    Enjoyed!

  • @shadon_official2510
    @shadon_official2510 2 года назад

    Amazing stuff

  • @0lange
    @0lange 2 года назад

    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.

  • @sharathkumar8338
    @sharathkumar8338 2 года назад +1

    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
      @minnow1337 2 года назад

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

    • @sharathkumar8338
      @sharathkumar8338 2 года назад

      @@minnow1337 thank you for the response

  • @shikhargupta6626
    @shikhargupta6626 2 года назад

    I enjoyed this kind of video.

    • @shikhargupta6626
      @shikhargupta6626 2 года назад

      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.

  • @Confusedcapybara8772
    @Confusedcapybara8772 2 года назад +1

    How many binary trees were inverted to build this SaaS?

  • @master0fnone
    @master0fnone 2 года назад

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

  • @omose14
    @omose14 2 года назад

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

  • @yamsi55
    @yamsi55 10 месяцев назад

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

  • @sahil_wins
    @sahil_wins 2 года назад +1

    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.