Learn how to build any collaborative application by building LiveDocs, an improved Google Docs that manages millions of collaborators in real-time.
⭐ Join JS Mastery Pro: https://jsm.dev/gdocs-jsmpro
💎 Become a Top 1% Next.js Developer: https://jsm.dev/gdocs-nextjs
📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/gdocs-kit
Clerk: https://jsm.dev/gdocs-clerk
Liveblocks: https://jsm.dev/gdocs-liveblocks
Sentry: https://jsm.dev/gdocs-sentry
WebStorm: https://jsm.dev/gdocs-webstorm
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 — Intro
00:05:25 — Setup
00:15:40 — Document Editor Page
00:27:58 — Authentication - Clerk
00:36:51 — Real-Time Features - Liveblocks
00:45:45 — Authenticate User with Real-time Features
00:56:30 — HomePage
01:05:19 — Collaborative Editor Room
01:23:10 — Edit Document Title Feature
01:36:46 — List All Documents on HomePage
01:46:32 — Live Features with Floating Comments
01:59:45 — Sticky Comments
02:05:30 — User Mention Feature
02:11:00 — Making the App Secure - Sentry
02:23:35 — Share Modal
02:44:55 — User Permissions (View, Edit)
02:55:24 — Delete Modal & Feature
02:58:48 — Notifications Feature
03:14:36 — Deployment