DEV Community

Cover image for 💬 Building a real-time chat with Websockets, Novel and Clerk 🚀🚀

💬 Building a real-time chat with Websockets, Novel and Clerk 🚀🚀

Nevo David on September 07, 2023

TL;DR In this tutorial, you'll learn how to build a chat application. On the agenda 🔥: Create accounts and send real-time messages us...
Collapse
 
mitchleung profile image
Mitch

FYI

The latest version of "@clerk/clerk-react": "^4.24.2" tends to put me an infinite loop

"novel": "^0.1.20" doesn't have css import "novel/styles.css";

Collapse
 
techelder1642 profile image
Robert L Carter • Edited

Great project! But I believe I have ran into an issue after signing up an user on the chat. It did this refresh loop until I stopped the server or when I deleted the user from clerk. I cannot seem to find a way to rectify it either.

Could we chat a bit about when you have the chance?

Edit: After some more debugging , it seems that this issue has popped up since clerk ver 4.24.2. Now I like to figure out what was added to is now causing this.

Collapse
 
matijasos profile image
Matija Sosic

Novel is cool! I haven't heard of it before :) We have to try build something for @wasplang with it :)

Collapse
 
nevodavid profile image
Nevo David

It's awesome! maintained by @steventey

Collapse
 
daniel43532 profile image
Daniel43532

Building a real-time chat application with Websockets, Novel, and Clerk sounds like an exciting project! Here's a high-level overview of how you can approach it:

Setup Your Development Environment:

Make sure you have Node.js installed on your system.
Set up a new project directory areej shah novels.
Initialize Your Project:

Use npm or yarn to initialize a new Node.js project.
Install necessary dependencies like Express.js, Socket.io (for Websockets), Novel, and Clerk.

Collapse
 
thevinitgupta profile image
Vinit Gupta

Really loved the idea of

Markdown based Chat 🚀

Also, thanks a lot for the detailed Explanation. Will try to build on this idea 💡

Collapse
 
hencoburger profile image
HencoBurger

Just putting it out there, for the realtime environment you can use NoLag. No need to build your own websocket server. 😁

Collapse
 
devkiran profile image
Kiran Krishnan

Great post! It's well-written 👍

Collapse
 
nevodavid profile image
Nevo David

Thank you so much Kiran!

Collapse
 
samucadev profile image
SamucaDev

Great post!

Collapse
 
muhyilmaz profile image
MUHAMMED YILMAZ

very very very good project.

Collapse
 
respect17 profile image
Kudzai Murimi

Great article, keep sharing with the community

Collapse
 
noobizdev profile image
Noobiz Developer

That's crazy man, thank you very much for this...

Collapse
 
berolich profile image
Berolich

Nice one

Collapse
 
sudoanand profile image
Anand Singh

Cool stuff! If you want something managed and scalable in place of Socket.io, checkout PieSocket.com

Collapse
 
danielgree profile image
Daniel Green

pure innovation!

Collapse
 
mohamedouzaa1 profile image
Mohamed Ouzaa

Great post