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

Build a collaborative application called LiveDocs, an improved version of Google Docs capable of managing millions of real-time collaborators, in this comprehensive tutorial. Learn to implement authentication with Clerk, integrate real-time features using Liveblocks, create a collaborative editor room, and add functionalities like floating comments, user mentions, and document sharing. Explore how to secure the application with Sentry, implement user permissions, and set up a notification system. The tutorial covers everything from initial setup to final deployment, using technologies such as Next.js, TypeScript, and Tailwind CSS.

— Intro
— Setup
— Document Editor Page
— Authentication - Clerk
— Real-Time Features - Liveblocks
— Authenticate User with Real-time Features
— HomePage
— Collaborative Editor Room
— Edit Document Title Feature
— List All Documents on HomePage
— Live Features with Floating Comments
— Sticky Comments
— User Mention Feature
— Making the App Secure - Sentry
— Share Modal
— User Permissions View, Edit
— Delete Modal & Feature
— Notifications Feature
— Deployment