Tutorials : Chat

Customizing Stream Chat iOS/Swift App for a Unique Look: A Quick Start Guide

This article demonstrates how to perform basic customizations such as swapping colors, fonts, and icons with assets, color, and typographic styles from your style guide. You can create a free chat trial account to follow along with the tutorial. Resources You can find and download the completed Xcode project on GitHub. This tutorial is for
Read more ->
11 min read

Build a Discord Clone Using Next.js and Tailwind: Message List — Part Four

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
Read more ->
12 min read

Building a React Native Telegram Clone with Expo

Are you looking to delve into the world of mobile app development? Ever wondered how to create a messaging application like Telegram? In this tutorial from notJust.dev, you will be guided through the process of building a fully functional messaging application using React Native, Expo, Stream, and Supabase. You'll gain hands-on experience with: React Native
Read more ->
2 min read

Using Stream to Build a Livestream Chat App in Next.js

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
Read more ->
8 min read

Build a Chat App with Node.js

This tutorial will guide you in creating an instant Node-based chat app that runs on a JavaScript server and outside a web browser. First, grab your favorite command-line tool, Terminal or Warp, and a code editor, preferably VS Code and let’s begin. Before You Start Before proceeding with the tutorial, make sure you have the
Read more ->
8 min read

Build a Cross-Platform Messaging App with React Native Expo

Building a complete chat messaging app like WhatsApp can take time and effort. There are so many aspects developers need to consider to provide a full and feature-rich messaging experience, such as offline support, media attachment, and more. This tutorial uses Stream Chat from React Native Directory and the Expo framework to create a fully
Read more ->
10 min read

Using Generative AI with Flutter

Companion project for this article: https://github.com/GetStream/generative_ai_with_flutter Introduction For the past few years, Generative AI has been one of the most talked-about subjects in the developer world. While this conversation began in the early to mid-2010s with simpler models and fewer people affected, it has grown exponentially, with compute power becoming more easily available on devices
Read more ->
10 min read

Build a SwiftUI Voice Messaging App With Stream

What do apps like WhatsApp, Messenger, or even Snapchat all have in common? They allow users chatting with each other to also send short voice messages to each other directly in the chat conversation. In this tutorial, we will look at what it takes to build voice messaging into a simple chat app covering everything
Read more ->
10 min read

Build Instant Messaging in a MERN-Based E-commerce App With Stream Chat

Instant messaging has become an integral part of web applications in recent years. The real-time exchange of information helps to cement the users' trust, whether they are customers, merchants, or other stakeholders. This technology has become ubiquitous across many industries, including virtual events, healthcare, and education. However, the complexity surrounding proper in-house implementation was an
Read more ->
10 min read