Next.js 14 Real-Time Chat App using Socket IO - Udemy
60 ๐Ÿ‘€
Jack Sparrow

Jack Sparrow

Mar 12, 2024

Next.js 14 Real-Time Chat App using Socket IO - Udemy

Hello, Welcome to the course Next.js 14 Real-Time Chat App

Certainly, I'd be happy to elaborate on the features included in the Next.js 14  Real-Time Chat App course.

Tech Stack

  1. Learn Next JS 14 Latest Features like App Router , Server Actions , Middlewares etc.

  2. Implement Clerk Authentication .

  3. Working with SOCKET IO to perform all real-time tasks.

  4. Deploying Next JS App to Vercel and Node App to Render

  5. Working with combination of both client and server components

  6. Using Tailwind CSS in-order to override Ant Design default styling and building custom components

Project

  1. Implement CLERK Authentication for sign-up and sign-in.

  2. Logged in users will be able to see all the list of users who registered in the application

  3. If any user want to chat with other user , they have to add the user to chats list

  4. Users can create one-to-one chat and also group chats.

  5. Users can able to update their profile picture , create groups , edit groups.

  6. Users can see unread messages count in chats-list for every chat.

  7. Integrating socket io in-order to make all the chat functionalities real time.

  8. Once the socket io is integrated , users will be able to send and receive the messages in real-time.

  9. Recipient users can see the typing animation if any user is typing in that chat.

  10. Read Receipts functionality for the messages.

Next.js is an open-source, objective-coded framework for web developers created by Kotlin JS developers. It is used to create server-rendered React applications and can be used with modern JavaScript languages like TypeScript, GraphQL, and React components.

Next.js allows developers to create web applications to a high standard with pre-built features such as routing, file-based routing, webpack dev server, hot module replacement, static exports, and code splitting.

Next.js works well for building static sites and progressive web apps that are SEO-friendly, accessible, and fast.

Who this course is for:

  • Fullstack Developers
  • Nextjs Developers

What you'll learn

  • Implement CLERK Authentication for sign-up and sign-in.
  • If any user want to chat with other user , they have to add the user to chats list
  • Users can able to update their profile picture , create groups , edit groups.
  • Integrating socket io in-order to make all the chat functionalities real time.
  • Recipient users can see the typing animation if any user is typing in that chat.
  • Logged in users will be able to see all the list of users who registered in the application
  • Users can create one-to-one chat and also group chats.
  • Users can see unread messages count in chats-list for every chat.
  • Once the socket io is integrated , users will be able to send and receive the messages in real-time.
  • Read Receipts functionality for the messages.

Requirements

  • React Basics
  • Next Basics

Wait a second...

Watch ๐Ÿ‘‰How to download video

Next.js 14 Real-Time Chat App using Socket IO โค๏ธโ€๐Ÿ”ฅ
Zip/rar files password can be one of these :- FreeCourseUniverse OR CheapUniverse
Membership
Jack Sparrow

Jack Sparrow

Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.

Leave a comment

0 Comment

Membership

Membership Plans

We are bringing so many new things at the fraction of a cost....

    Download

    How to download ??

    Affiliate

    This site is hosted on Digital Ocean

    Get $200 credit Instantly

    Offer available for limited time
    ( Take advantage of free credits ๐Ÿ‘‡ )
    DigitalOcean Referral Badge

    Related Posts

    Taken Down Resources

    Tags

    ยฉ 2023 CheapUniverse. All Rights Reserved