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.
⭐ Liveblocks - https://liveblocks.io/
⭐ Clerk - https://go.clerk.com/BNbvGnJ
🌟 Sentry - https://bit.ly/4abT6PG
📙 Limited-time FREE 218-page Ultimate Next.js eBook - https://resource.jsmastery.pro/nextjs...
🎨 LiveDocs App Figma Design - https://resource.jsmastery.pro/livedo...
🤖 Special Discord Forum - https://resource.jsmastery.pro/livedo...
🌟 Become a top 1% Next.js 15 developer: https://www.jsmastery.pro/next15
🚀 Skyrocket your career: https://www.jsmastery.pro/dev-career-...
📚 Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/colla...
README (assets & code): https://github.com/adrianhajdin/colla...
👋 Social Media:
/ discord
/ jsmasterypro
/ javascriptmastery
/ javascriptmastery
/ adrianhajdin
💼 Business Inquiries: [email protected]
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
