Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

JavaScript Mastery via YouTube

Overview

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.

Syllabus

— 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

Taught by

JavaScript Mastery

Reviews

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.