Tutorials: Next.js Chat

If one topic has been dominating the news lately, it has been AI. Today, we're diving into an exciting project combining the power AI brings with a modern web app. We will build an AI chat app using Next.js, leveraging Stream’s React Chat SDK and incorporating a sleek UI design inspired by a Dribbble concept⁠

Redis is one of those remarkable tools that seem able to do everything. Need a lightning-fast in-memory cache? Redis. Need a straightforward database ideal for key-value pairs? Redis. Need a message broker for building out a publish/subscribe chat system? There’s Redis again. And that is how we’re going to use it today. Redis gives us

Setting up a new project can be tedious and repetitive from multiple angles. As end-users, we are learning a new platform, new paradigms, and maybe a new framework to build our next dream project. As a company, we want to get our potential users up and running as quickly as possible and make it easy

Welcome to part four of our series about building a Discord clone using Next.js and TailwindCSS. In the previous parts, we covered a lot of customization of the Stream Chat SDK and its UI components. After setting up the project, we started with the server list, a fully customized component. We built upon the SDK

I always wondered how to create the dynamic chat experience of livestreams, like those found on YouTube, but with an added convenience of allowing anyone to participate without logging in. With Next.js and Stream, I was able to successfully create that experience. In this tutorial, I cover a straightforward approach to create a livestream chat

Welcome to our series about building a Discord clone using Next.js and TailwindCSS. In the previous posts, we covered setting up the project and adding the server list. This one will tackle the channel list that will look like this: Demo of the end result of the project We already mentioned different customization options for

In part one of the series, we did not cover any UI work and instead focused on setting up the project and integrating the Stream Chat SDK. Having laid this groundwork, we can now start implementing the UI. We will start with the overall layout of the application and then build it step-by-step. This part

The internet is a great place to connect with people. Nothing compares to real-world encounters, but there are situations where these are not possible. In these cases, online experiences can bring people together, facilitate the exchange of ideas, build communities, and create lasting friendships. Discord is a great example of an enabling platform. After getting