Before writing code, do this: System Design (Startups, SaaS) - Eraser AI

System design with AI here: www.eraser.io/ (paid sponsorship).
NEW - React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Check out Kinde for auth and more bit.ly/3QOe1Bh
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Web development roadmap 2024 & 2025: email.bytegrad.com
👉 Email newsletter (BIG update soon): email.bytegrad.com
👉 Discord: all my courses have a private Discord where I actively participate
👉 Kinde: check out Kinde for auth and more bit.ly/3QOe1Bh
⏱️ Timestamps:
00:00 System design before coding
01:19 Example 1: SaaS schema (Entity relationship diagram)
03:05 Example 2: Appointment app (Flowchart diagram)
04:24 Example 3: PDF chatbot (Cloud architecture diagram)
06:09 System design more important than coding?
#systemdesign #eraser

[@ByteGrad]

System design with AI here: www.eraser.io/ (paid sponsorship).
Hi, my latest course is out now (Professional React & Next.js): bytegrad.com/courses/professional-react-nextjs -- I'm very proud of this course, it's my best work!

[@xnairegodking]

Finally, someone talks about this. Good one bro.

[@semyaza555]

What other AI tools do you use for apps? There's just so many I find it's easier to ask for recommendations.

[@cslearn3044]

@@semyaza555 Do you need anymore tho? I use chatgpt only and its working quite well

[@kupo5690]

I literally have an interview tomorrow where they're going to ask about system design. What a timing XD

[@_mrwebwork]

Great video man! Definitely going to checkout this out. It's a crucial process to outline the system design strategies before starting the coding phase. Thanks for sharing!

[@discoverlance]

You know what, I have been using escalidraw for a while and I discovered eraser about 3 months ago. I just totally forgot the name. I asked several chat agents about a tool that can generate diagrams and also architecture with AI but they could never find it😂😂. Thanks for this video. I found it

[@edwardmooney8425]

This is fantastic! Thanks for sharing, btw, am currently working through your Javascript course after completing your CSS course. Loving it so far 😊

[@ByteGrad]

Awesome, enjoy!

[@evgenygoldin5024]

I love the fact that your videos include a lot of information, but at the same time are concise and short, and I love the fact that the content you provide enriches me not just as a web developer but much more. Thank you for your hard work 🙏

[@bits_of_bryce]

Badass. Been really enjoying your vids. I've definitely leveled up. 🙏

[@smnomad9276]

Please man what is the name of your vs code theme?

[@TheNelsonc24]

I simply love it, thanks for this great content🎉

[@ivanpaladino21]

It ' s really help me. Thanks

[@poznianski]

wow, they did a great job

[@Pizza-rf1vt]

Thanks for the insight @ByteGrad , but if you use third party tools then who owns the copyright of the project?

[@ashutoshghanate]

Hey kiloByteGrad, amazing stuff, could you make complete video on webpack with reactjs

[@kalilbarry3773]

I've always been curious about how this kind of features is implemented... Maybe a video on that?

[@patolorde]

Great content from the blonde guy! Thanks again 😊

[@nathanpotter1334]

ByteGrad never disappoints, even if its just a whiteboarding tool.

[@Rowafaedits194]

CAN I EDIT YOUR UA-cam VIDEOS?

[@dev-akeel]

Sorry bro you lost all credits 😢
What will you do now??

[@ByteGrad]

Ha, upgrade!

[@dev-akeel]

@@ByteGrad And what will we do? I mean those who don't have youtube channel.