NextJS Chat App - Build & Deploy in 27 Minutes! (Best UI 🤩)

This NextJS Chat App will teach you how to use React Context, Routing, NextJS and more to build & deploy a beautiful chat experience!

Please comment feedback and subscribe for more lessons / videos 🙏

1 - Context
Time: 2:03

2 - Auth Page
Time: 5:01

3 - Chats Page
Time: 11:35

[adam_la_morre]

Heads up everybody 🚨 🚨 🚨 Make sure to disable Strict-Mode in next.config.ts otherwise your sockets might not connect in dev mode!

[Meta_Club_aura]

how amazing i looked at so many tutorials and only this one went through the process of explaining good job you earned my subscribe

[abc_cba]

I am amazed at how easy you made it appear and how quick and simple you made it. Big Cheers all the way from India

[ignashie]

when i do yarn it says the term yarn is not recognize, how do i fix this?

[besix]

Hi Adam, all. I'm trying for some days now, trying to run the code, but I get an error saying something to webpack5, digital envelope routines::unsupported, has anyone else faced this kind ot error? Is there any other way to run the code?

[juleschristiancalamiong]

I already finish the project but how can i use the direct message?

[yifanyes]

I got ` FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory ` when runngin `npm run dev` on the terminal, any ideas how can I solve this ?

[clutchycatz]

hello, is that library compatible with next js using react 18 typescript? thankyou

[e.g.e]

I am getting intersection observer is not defined, npm install does not seem to resolve the issue. What is the path of action or is anybody else facing the same issue?

[jacob_dmn]

Very Simplified, Very Beautiful, Thank you so much for providing this great engine to the humanity

[imsumit]

hello sir,
i got this error while run the app -
TypeError: setShowChat is not a function

how can i solve it?

[vladmamonov]

I got 403 error when i try to create new user. What`s wrong with this site?

[varunpusarla]

Just found your channel. Your content is great. A small suggestion, zoom in the vs code window so that we can see the code clearly.

[eclarkhalid]

The react chat engine won't install. Depreciated packages

[simyop]

Can't do it without credit card ?

[phatnq]

Thank for your sharing. I have a problem when follow your code, so I need some help. After login, there is an error: TypeError: Cannot read properties of undefined (reading '_context'). Source: .next\static\chunks\main.js (1492:0) @ useContext, and points to line: if (Context._context !== undefined) { var realContext = Context._context; ... Am I missing something here?

[anazi]

25 - 30 lines of code is the best ratio to have your mobile viewers ready the code along. So you were messing that but other than that... thank you very much great tutorial and amazing person you are .

[davidblitz]

I am getting lots of errors when deploying

[BrianArtea]

Pretty cool, thank you! How do you do email notifications?

[gm]

Thank you for this cool tutorial and Chat engine which is a great tool

When installing react-chat-engine I do get a lot of vulnerabilities due to deprecated dependencies and it worries me if that could potentially make this app unsafe?