SaaS Notion Clone with Realtime cursors, Nextjs 13, Stripe, Drizzle ORM, Tailwind, Supabase, Sockets
⏰ Prodigies University - Learn to start your SAAS and get your first customer
https://www.skool.com/freelance-prodi...
🪪 Purchase a license to monetize the code
https://webprodigies.com/license
🍡 MOCHI - My first premium SAAS course (Coming Soon) join the waitlist now:
https://webprodigies.com/?utm_source=...
🙏🏻 Help us create more free content for you with this 15 second survey:
https://forms.gle/8tu5GEiCEjoJcr2b7
Discord / discord
GitHub for Assets: https://github.com/webprodigies/webpr...
Watch this to learn how we designed our app from scratch: • Stunning SaaS Website Design In Figma...
Start your own agency for Free: https://www.gohighlevel.com/?fp_ref=w...
For the first time ever on youtube you will learn how to build real time cursors similar to google docs. On this channel you will only receive free value from me, and thats a promise! All I ask in return is a subscribe so that you can take your career to a whole different level. After this video you'll be able to build almost any SaaS Product with cutting edge technologies.
Join the community for FREE and become a PRODIGY today!
/ discord
📘 The best Javascript Course on Udemy - Limited time offer👇🏻
https://click.linksynergy.com/deeplin...
__________________________________
Timestamps
00:00 - Intro
00:16 - Demo
04:59 - Setup and Installing Packages
06:32 - Supabase Database Setup
07:55 - Setting Up Drizzle ORM
28:39 - Shadcn UI Library for nextjs 13
30:30 - How to import figma colors into our app
31:40 - Light and Dark mode setup
35:23 - Landing Page
01:12:59 - Login & Signup Authentication with Supabase
01:32:55 - How to build a Navigation Bar in Nextjs 13
02:28:42 - How to build a Workspace Dashboard
02:45:12 - How to create an Emoji Picker Component
03:00:30 - Image Domain Authorization
03:04:35 - How to build a Sidebar
04:32:34 - Building a Plan Usage Component
04:41:47 - Building a custom Dropdown
04:52:36 - ERROR Too many open connections
05:00:23 - CHALLENGE
07:11:33 - How to build a real time text editor
07:55:48 - Create Bread Crumbs
08:32:31 - Socket Io for realtime collaboration
09:24:16 - Real time cursors and collaborator presence
09:39:44 - The next video will blow your mind!
10:24:21 - How to setup Stripe in Nextjs 13
11:19:28 - How to build move to trash feature
11:29:49 - Become a prodigy today
11:29:58 - Deployment
11:41:09 - A little secret for those who stayed
Ive given you all the tools you need to start making money for FREE! Im sure you would be more than happy to hit that subscribe button to support me, so why not just go ahead and support your boy ☺️! More free value coming soon.
See you in the next video Prodigies!
