Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind

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