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
Watch video Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind online without registration, duration hours minute second in high quality. This video was added by user JavaScript Mastery 19 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 369,813 once and liked it 7.3 thousand people.