Skip to content
CourseAsk.
Real-Time Chat App with NextJS, React, Tailwind, and Shadcn
Udemy MOOC / Non-credit 0

Real-Time Chat App with NextJS, React, Tailwind, and Shadcn

About this course

In this comprehensive course, we'll build a full stack real-time chat application. You'll dive deep into the world of web development using cutting-edge technologies such as:Next.js (crash course included)ReactJSTailwind CSS for stylingTypeScript for type-safe codeShadcn/UI for reusable components and themingConvex DB as a real-time databaseClerk for authenticationThroughout this course, you'll embark on a journey to create a feature-rich, real-time chat application from scratch. We'll leverage powerful tools like ShadcnUI components, Convex for database management, Clerk for authentication, LiveKit for audio/video calls, and Uploadthing for seamless file uploads. Plus, we'll deploy our app effortlessly using Vercel.Here's a glimpse of what you'll learn and build:Add and remove friends seamlessly for enhanced user interaction.Create conversations and messages in real-time, providing a dynamic user experience.Establish group chats effortlessly, fostering collaboration among users.Implement robust authentication with Clerk to ensure secure access to your application.Enhance user experience with dark mode support.Keep users informed with real-time notifications, making sure they never miss a beat.Develop a responsive mobile UI for seamless access across various devices.Enable audio/video calls using LiveKit, adding a personal touch to communication.Allow users to upload images, videos, and files seamlessly with Uploadthing integration.Enhance user engage

C

63/100

CourseAsk score

What the provider tells you
39/45
Who stands behind it
8/35
How complete the listing is
16/20

Scores how much the provider publishes and who stands behind it — not how well it is taught.

What you'll learn

  • Create a feature-rich real-time chat application
  • Implement secure authentication using Clerk
  • Build responsive user interfaces using Tailwind CSS
  • Utilize Convex DB for real-time data management
  • Enable audio/video calls with LiveKit
  • Integrate file uploads with Uploadthing

Course objectives

  • Develop a full stack application from scratch
  • Enhance user interaction through real-time features
  • Support mobile access through responsive design
Web Development #react #full-stack development #nextjs #tailwind css #typescript #real-time chat #clerk #shadcn/ui #convex db #livekit #uploadthing
$29.99

Price shown by Udemy — confirm on their site.

Enroll on Udemy

You'll be redirected to Udemy to complete enrollment.

  • Listed & compared by CourseAsk
  • English · 0

Compared on these lists

Where this course ranks against the alternatives.