Tutorials (2)

Using a Speech Language Model That Can Listen While Speaking

Traditional speech language models like Siri or Alexa use turn-taking as the primary interaction style. Although these systems can detect single human voices, they cannot be interrupted in real time. Let's discover an advanced AI speech dialogue system that integrates listening and speaking capabilities to engage in conversations in real time, allowing seamless to-and-fro communication
Read more ->
8 min read

Building In-App Notifications in Next.js

Wonder how apps keep users engaged with real-time in-app notifications? In-app notifications are a powerful tool for user retention and engagement. They keep users informed about important updates or activities, encourage users to return to the app regularly, and personalize the user experience based on individual preferences and behavior. However, implementing an effective in-app notification
Read more ->
8 min read

Using Prompt Engineering to Refine a Large Language Model for Content Moderation

In our previous blog post, we created an agent using OpenAI GPT that can understand whether or not messages contain spam. We connected it to the Stream Chat API so that incoming messages in chat can be automatically flagged and reviewed by moderators using Stream Moderation Dashboard. To enhance the accuracy of our agent and
Read more ->
16 min read

Build an LLM-Powered Agent for Real-Time Content Moderation

Maintaining a safe and engaging chat environment is crucial for any online community. In this post, we'll demonstrate the practical application of Large Language Models (LLMs) in content moderation, showcasing how advanced AI can enhance community interactions by effectively managing unwanted content. We’ll also introduce essential tools and guide you through setting up a real-time
Read more ->
12 min read

How To Secure a Vite-Powered React App With Seald End-to-End Encryption

When sending messages across a chat app, one way to ensure the data and conversations are not intercepted is to build proper security to shield people who use the app. This article dives into how to implement strong end-to-end (E2EE) encryption in your app to protect users. We will integrate Seald’s E2EE into Stream’s Chat
Read more ->
17 min read

Secure Data and Safeguard App Users With End-to-End Encryption

Have you ever wondered about the cost and wreaking havoc data breaches cause worldwide every year? Let’s look at how end-to-end encryption eliminates this concern. In securing web and mobile applications, developers generally use traditional methods such as Transport Layer Security (TLS), Encryption at Rest, Encryption in Transit, etc. Although these approaches are acceptable, the
Read more ->
7 min read

Create A Chat App Using Five Different Frameworks

In this project, we explore building a chat app using five of the most popular web frameworks. React Angular Vue.js Svelte Next.js We’re building a similar experience in ways that are native to each of the frameworks. For some of the frameworks (specifically React and Angular), SDKs are available to build up the UI quickly.
Read more ->
2 min read

Build Interactive In-App Polls With SwiftUI

Interactive polling in Slido, WhatsApp, Messenger, and Telegram make communicating via in-app chat or video conferencing more engaging by providing an interactive way to get participants’ opinions and make everyone in a virtual event, remote education, online gaming, or team collaboration setting feel more connected. Get Started A video showing how to create and send
Read more ->
7 min read

Integrating StreamDeck With A Custom Video App

StreamDeck+ is a well-known utility in video productivity tools and is loved by many. For those unfamiliar, a StreamDeck is a customizable keypad with dynamic LCD keys that provide tons of functionality at the touch of a button. Initially designed for video streamers, its versatility has made it an essential tool for anyone seeking to
Read more ->
5 min read

Build a Discord Clone with Next.js and TailwindCSS

In this series of blog posts, we build a clone of the popular community-building app Discord using Next.js and our chat API and video SDKs. At Stream, our real-time communication SDKs echo Discord’s mission of uniting people. The aim of this project is to replicate Discord’s functional aesthetic appeal with our own services at the
Read more ->
4 min read

Build a Video Chat App With Angular

Popular chat messaging apps like WhatsApp and Telegram offer real-time video calls, while video conferencing apps like Zoom and Google Meet provide group chat during meetings. Chat apps with video calling and video conferencing apps with chat support focus on two similar communication needs. Prerequisites The two main features of the sample project in this
Read more ->
10 min read

Build a Discord Clone with Next.js and TailwindCSS: Audio and Video Calling — Part Five

Welcome to part five of our series about building a Discord clone using Next.js and TailwindCSS. We have already covered many customization options while using Stream’s Chat SDK. This covered the basic setup process, creating a server list, building a list of channels with categories, and finally, the message list. For the last part of
Read more ->
15 min read

How To Build a TikTok Clone With SwiftUI

TikTok is one of the world’s most popular social media apps. It allows users to create, share, watch short-form videos, and listen to bit-sized music from various genres. Its vibrant community makes trending and viral videos, allowing users to engage with content through likes and comments. In this tutorial, we will look at creating our
Read more ->
10 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 Live Streaming App with WebRTC and Vue.js

The Stream Video and Audio SDK offers a JavaScript library that can be integrated with any web framework. Building a project using plain JavaScript and HTML can be a valid approach, and we have multiple tutorials and sample apps showing exactly how to do that. However, in the modern web, it has become common to
Read more ->
18 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 ->
11 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 Realistic Particle Effects for visionOS

Effects such as fireworks, rain, confetti, and balloons in FaceTime and Messages on iOS, and their availability through other video calling apps like Zoom, make one-on-one and group calling more fun. These effects allow users to express their emotions in various ways. For example, users can use two fingers to form a victory or peace
Read more ->
10 min read

Build a Real-Time Zoom Clone with Jetpack Compose

Suhyeon Kim is an Android Developer and Educator working for Woowa Bros. After regularly using and enjoying video conferencing solutions at work she felt inspired to create a Zoom clone app using Jetpack Compose, which is considered one of the most popular toolkits in modern Android development. However, there are some challenges in implementing real-time
Read more ->
6 min read

Build an AI Meeting Summary Tool Using Ollama and Gemma

Over the past years, AI has become more and more of a mainstream topic, specifically with the rise in popularity of ChatGPT. As developers, there has also been a rise in tools and SDKs to build AI applications. Today, we want to look at how to build a tool in this ecosystem. The topic we
Read more ->
9 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

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

Create Your First visionOS Drawing App With SwiftUI and PencilKit

visionOS's unique multimodal interactions, such as using the eyes, hands, and voice to interact with objects, make it an exciting platform to experiment with. The platform allows developers to mix and place 2D and 3D content and display them in Windows and Volumes. Using the Immersive Space Render, you can also place digital content in
Read more ->
10 min read

Implementing ChatGPT with Stream Chat

With the advent and increasing popularity of artificial intelligence (AI) large language models (LLMs) like ChatGPT and Google's Gemini, many customers wish to implement these solutions to maintain feature parity in the marketplace and provide highly engaging and memorable experiences for their user base. As an industry-leading solution, Stream evolves alongside these market shifts and
Read more ->
3 min read

Build an AI Chat Android App With Google’s Generative AI

Google recently introduced its Generative AI platform, featuring a collection of large language models (LLMs) that utilize techniques inspired by AlphaGo. Gemini is an artificial intelligence that generates new content or data from existing sources. These technologies generate realistic and coherent text, images, audio, video, and other media forms, producing entirely synthetic yet believable outputs.
Read more ->
12 min read

PencilKit: Add Collaborative Whiteboard, Chat, & Video Calling To SwiftUI Apps

This tutorial teaches you how to implement freeform drawing, chat messaging, voice calling, and video calling into your SwiftUI apps. We will use Apple's PencilKit framework, equipped with an intuitive drawing canvas and a rich set of tools for making handwritten notes and sketches. On the drawing canvas of the app, users can initiate voice
Read more ->
10 min read

Build a Discord Clone Using Next.js and Tailwind: Channel List — Part Three

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

Build an iOS 17-Style Action Composer in SwiftUI

Build an iOS 17-Style Action Composer in SwiftUI Apple tends to bring improvements to the UI on each major platform release. One of these nice improvements is the new Action Menu List. The Action Menu List is a nicely animated menu, typically under a button at the bottom left of an app’s message entry screen.
Read more ->
2 min read

How To Build a Telegram Clone with SwiftUI

SwiftUI Chat and Video Calling App Demo An iOS app like Telegram combines chat and video calling to enhance real-time and async communication for all users. Its thoughtful animations also provide unique and engaging text-based and live connection. Let's build an iOS/SwiftUI app similar to Telegram by integrating Stream’s iOS chat SDK, iOS video calling
Read more ->
10 min read

Building a Twitch-Like Streaming App in SwiftUI

Twitch has a cool feature set. You can use their applications to watch a livestream, but just as easily, you can also host a livestream. But a lot is going on in the background of your app to get a shared screen across the internet to a huge audience. On top of that, you need
Read more ->
9 min read

Build a Discord Clone with Next.js and TailwindCSS: Server List — Part Two

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

CometChat Migration Guide

CometChat allows you to integrate chat messaging and video calling into your product quickly. While it offers a convenient way to get started, you will quickly run into flexibility, scalability, and customization limitations when using CometChat’s prebuilt components in your codebase. Stream is a popular CometChat alternative and the leading provider of chat APIs. Stream
Read more ->
7 min read

Build a Discord Clone Using Next.js and Tailwind: Project Setup — Part One

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

Build a Real-time Collaborative Whiteboard in NextJS With Supabase & Stream Video

In this article, we're going to take a look at building a real-time collaborative whiteboard with video and live presence functionalities using NextJS, Supabase, and the Stream Video React SDK. What is a Collaborative Whiteboard? A collaborative whiteboard is an online whiteboard tool that allows multiple people to draw content simultaneously in real-time. It provides
Read more ->
45 min read

Build a React Native Livestreaming App: A Step-by-Step Guide

This guide will help you create or integrate live video streaming into your iOS and Android apps using React Native to allow people to interact, chat, and watch events together. You will discover how to effortlessly add in-app live streams like Facebook Live to your existing app or build it as a stand-alone app like
Read more ->
10 min read

Build an Android and iOS Video Calling App With React Native

Have you ever wondered how to build a mobile cross-platform audio and video calling app that runs seamlessly on iOS and Android using a single code base? Building cross-platform apps with a single code base offers faster development iterations, code maintenance, and updates. It saves the time and effort required for maintaining, for example, Android-only
Read more ->
9 min read

Building a Google Meet Clone In Jetpack Compose

Kimin Ryu is an Android app developer who uses the Stream Chat SDK to build applications in Android and Compose. Ryu originally chose Stream for his company's app because of its customizability and open-source SDK code. Access to the source code allowed him to resolve queries and efficiently communicate with Stream developers about bugs. Ryu
Read more ->
5 min read

Building Your First Android and iOS App With React Native CLI

Setting up the React Native Command Line Interface (CLI) to prepare your development environment for Android and iOS projects requires many phases. These phases include platform-specific settings for iOS and Android, Xcode, and Android Studio configurations. Continue reading to learn how to prepare and run your React Native projects smoothly on iOS and Android devices.
Read more ->
10 min read

Twilio Programmable Video Migration Guide

Early last week, Twilio announced that they will sunset their Programmable Video offering by the end of 2024. Twilio Programmable Video is a WebRTC-based API for quickly adding real-time communication capabilities to your mobile and web applications. During this transition period, developers and businesses will need to evaluate alternative video APIs to meet the needs
Read more ->
5 min read

Create LLM-powered Chatbot For Your Documentation

Because many large language models are trained on general data, they can only answer general questions. However, businesses are left with the question of leveraging their data to incorporate it into the knowledge corpus of the models. Picture this: Your software's user guide isn't just a manual anymore; it's a conversation starter with your AI.
Read more ->
11 min read

How To Set Up Your Coding Environment

Many coding tutorials start with a blanket statement that tells you to set up a project environment. Here are some examples: Make sure to have Python available Create a Ruby environment You need to have Node installed You’re told what to do but not how to do it. You might know what to do, but
Read more ->
7 min read

Build Video Calling for Your Android WhatsApp Clone With Jetpack Compose

In this article, you’ll learn how to incorporate a real-time video call feature into the WhatsApp Clone Compose project with Jetpack Compose and Stream’s versatile Compose Video SDK. For a comprehensive understanding of the project's architecture, layer structure, and theming, start with the earlier article, Building a Real-Time Android WhatsApp Clone With Jetpack Compose. Before
Read more ->
6 min read

How To Test Remote Push Notifications With iOS Simulators

In iOS, developers can create and send user notifications locally or remotely from a server through the Apple Push Notification Service (APNs). Enabling remote push notifications in iOS apps requires setting up a server to communicate with the APNs for a production app. However, using the simulator, you can quickly emulate and debug remote push
Read more ->
9 min read

Google Calendar Integration For Video Calling

Picture this: You're setting up a virtual meeting and want it to be as straightforward as possible. That's where integrating a video calling tool directly into Google Calendar comes into play. Google Calendar is one of the most used tools for organizing our schedules, but it's more than just a digital datebook. Paired with a
Read more ->
6 min read

Build a Zoom-Like Video Conferencing App Using SwiftUI

The sample SwiftUI project we will create has video conferencing features such as live broadcasting, custom reactions, screen recording, and sharing using Apple's ReplayKit framework. The meeting features help teams connect and collaborate in a safe and secure environment, whether in the office or at home. By the end of this tutorial, you will have
Read more ->
9 min read

Adding Snapchat-Like Filters to a Video Calling App in SwiftUI

Video calling apps have become an essential part of our lives. They allow us to stay connected with friends and family from all over the world, and for businesses, they have become a vital tool to stay productive and exchange information across distributed teams. Snapchat, TikTok, Instagram, and Messenger have shown the power that video
Read more ->
6 min read

Reusable SwiftUI Components: Build Rich Custom iOS Video Calling Apps

Welcome to part two of SwiftUI Video Calling by Stream: Color, Image, Font, and Sound Theming Guide. We will clone parts of the WhatsApp, Messenger, and Telegram video call UIs into a single SwiftUI app powered by Stream's Swift Video SDK. The purpose is to showcase how advanced customization support options of the SDK provide
Read more ->
9 min read

WhatsApp Web Clone Part 3: Deploying Our Code

In the previous two parts of this article series, we created a NextJS project using Stream Chat and Video. Authentication was done using Supabase’s authentication feature. In this final part of the article series, we will deploy our results to Vercel. Vercel is the maintainer of the NextJS framework, and our entire codebase is NextJS-based,
Read more ->
1 min read

WhatsApp Web Clone Part 2: Let's Add Video Calling

Let's Add Video Calling! 📞 After a recent update to WhatsApp, users can now call each other directly from the web and desktop clients. In the previous part of this article series, we implemented a chat feature resembling WhatsApp chat using Stream’s Chat SDK, we used Supabase to quickly get user authentication going and focussed
Read more ->
10 min read

WhatsApp Web Clone Part 1: User Authentication & Chat

Welcome to part one of our WhatsApp web clone project. In this section, we’ll set up our project and required tooling, and add a way to authenticate users with Supabase. Then, we’ll add messaging functionality with Stream. In part two of this series, we’ll add video calling, and in part three, we’ll deploy our new
Read more ->
5 min read

Building a Real-Time WhatsApp Web Clone with NextJS, Supabase, and Tailwind

Launched in 2009, WhatsApp remains one of the most popular communication platforms in the world, helping friends, family members, and community groups stay connected no matter where they’re located or what devices they’re using. With a powerful set of group chat, direct messaging, and audio/video calling features delivered through a simple and intuitive UI, WhatsApp
Read more ->
2 min read

Exploring the Power and Potential of Stream’s Feeds API

In the world of real-time content experiences, user engagement, community, and retention metrics reign supreme. Fortunately, you can elevate your UX and improve KPIs that mean the most to your app with Stream's Activity Feed API and SDKs. Our reusable components are easy to integrate, require little to no maintenance, and, most importantly, can scale
Read more ->
6 min read

Create a SwiftUI Video Streaming App With Fun Emoji Reactions

This article teaches you about publishing and watching live streams with the camera feed of an iPhone, Real-Time Messaging Protocol (RTMP) using OBS Studio, and HTTP Live Streaming (HLS). You will effortlessly create AmLive, a SwiftUI app with delightful animated emoji reactions and functionality similar to Facebook Live or TikTok Live. The resulting live streaming
Read more ->
3 min read

Build a Real-Time Meeting App for Android with Jetpack Compose

Real-time video communication has emerged as an indispensable feature in contemporary applications, finding utility across many sectors, including dating, social platforms, education, gaming, and diverse communities. This functionality enables seamless real-time interaction through the simultaneous exchange of voice and video, enhancing user experiences beyond mere text communication. Yet, creating an in-house video-calling application demands a
Read more ->
8 min read

SwiftUI Video Calling by Stream: Color, Image, Font, and Sound Theming Guide

You can apply this tutorial's techniques, tips, and tricks to personalize the audio room and live-streaming iOS apps you build with Stream Video. Take advantage of the Stream Swift Video SDK's simple and flexible theming options to build rich and custom audio/video calling, live streaming, and audio room experiences. Getting Started Use Xcode 14 or
Read more ->
14 min read

Building an Uber Clone in Jetpack Compose

The core functionality of this app is as follows: Basic user authentication and profile management (Chat SDK, FirebaseAuth, Firebase Storage) Autocomplete destination searching for passengers (Google Places) Drivers can view open ride requests which contain details on distance to the passenger and their destination (Chat SDK Channels) Drivers and passengers can communicate during an active
Read more ->
26 min read

Building WhatsApp-Style Voice Messages With Swift

Voice messaging is common in popular chat apps such as Telegram, WhatsApp, and Messenger, allowing people to record audio clips and send them to others. This article will explore async voice messaging support in Stream Chat iOS. In the above voice-recording-supported apps, users typically send voice messages through audio attachments. Our iOS SDK has a
Read more ->
9 min read

Build a Pixel Perfect Threads Clone in Swift UI—With a Twist!

Whenever a new app arrives, it is a fun exercise to try and recreate its UI to learn exactly how it might be put together. The Threads app UI is pretty straightforward with a few exceptions. The follower “bubble” and profile tab selection is the most interesting UI feature I’ve found in the Threads app.
Read more ->
16 min read

Integrating Chat and Scheduling To Transform Online Care Appointments

Head over to our previous article Enhancing Patient-Care: Combining Nylas’ Calendar API with Stream’s Chat API to learn more about Nylas and Stream. Understanding Key Features of the Care Appointment App A remote healthcare provider has the following functions: Log in to the application and specify availability for booking through Nylas' appointment scheduler Check notifications
Read more ->
9 min read

How To Build a Rich Drop-In Audio Chat Room App With SwiftUI

What we will be building Final project of the audio room app The video above represents the completed SwiftUI project for this tutorial. You can download the demo app from GitHub. The demo app categorizes guests into speakers and listeners when they join a room. When people join a room as listeners, they can request
Read more ->
7 min read

Build an App Similar to iMessage with Stream's React Native SDK and NotJust.dev

First, sign up for your free 30-day trial with Stream. Then, you can follow along with Notjust.dev's user-friendly tutorial on designing a real-time chat app that closely resembles iMessage with plenty of room for customization, thanks to our flexible UI kits. Low latency is one of the key features of a messaging app. Stream's Chat
Read more ->
1 min read

Integrate Stream’s Automated Moderation Into Your App: A Powerful Content Moderation Solution

Welcome to the Automated Moderation part of Building a Twitter Clone With SwiftUI in a Weekend tutorial series. It demonstrates how to integrate the Auto-Moderation tool into one-on-one or group chat for a safe and protected direct or group messaging experience. You can follow the steps highlighted in this article to moderate the flow of
Read more ->
6 min read

Building a Full-Stack FaceTime Clone with SwiftUI

Like many others, I enjoy using FaceTime to chat with family and friends. The app makes it easy to have real-time one-to-one or group audio and video conversations on any of Apple's devices. As a user, it's often easy to forget the sheer complexity that lives under the surface of a seemingly common application like
Read more ->
9 min read

How to Create Custom Chat Attachments With SwiftUI

When using Stream Chat, you most likely want tight integration between Stream Chat and the rest of your application. If something is a concept in your product, you want to be able to attach it to a chat message. By default, Stream Chat supports several attachment types already. Images are rendered in a gallery layout,
Read more ->
8 min read

Integrating with Logging Platforms on iOS

You might ask yourself, are users reaching certain screens? What crashes happen in production? Are certain things happening as expected? This is the area of production logging. Logging during development is straightforward. You just print things to the console. But in production, you do not have this luxury. Instead, you have to roll your logging
Read more ->
4 min read

Using PushKit Notification: How To Show an Incoming Call on a Device

PushKit helps to handle push notifications in apps that support VoIP services, watchOS complications, and more. The PushKit framework relies on the Apple Push Notification Service (APNs) to deliver incoming VoIP notifications. This tutorial focuses mainly on receiving incoming Voice-over-IP (VoIP) calls with the PushKit framework. Prerequisite To use PushKit notifications for your iOS app,
Read more ->
10 min read

How To Build An App Like Uber

We are thrilled to have sponsored Ryan Michael Kay's latest YouTube video demonstrating how Stream's Compose UI toolkit can help you build a world-class chat solution and the complete functionality of an app like Uber! Enjoy this follow along style Android tutorial that highlights key steps and navigates you through the entire process with source
Read more ->
1 min read

Debugging WebRTC Calls with Google Chrome

WebRTC is an open-source technology that provides real-time communication capabilities for web applications and is designed to work with the latest web technologies. With the help of WebRTC, it is now possible to create high-quality and low-latency video, audio, and data-sharing applications that run directly in a web browser without the need for any plugins
Read more ->
4 min read

Building a Video Chat App: WebRTC in Jetpack Compose (Part2)

We’ve broken down our WebRTC in Jetpack Compose into a multi-part series, each covering essential concepts of WebRTC and how to use WebRTC in your Android project with Jetpack Compose. In the last post, we covered essential concepts of WebRTC and how to establish a peer-to-peer connection between clients and build your Android video application
Read more ->
7 min read

Getting Started with Auto Moderation

For an organization, it means dedicating lots of time and resources toward detecting and preventing harm from reaching users instead of building your product. For companies like Facebook, this number can be as high as 5% of revenue; for verticals like Marketplaces, it can be up to 10% of revenue. At Stream, we aim to
Read more ->
4 min read

Building a Video Chat App: WebRTC on Android (Part1)

In this article, you'll learn concepts of WebRTC and how to build an Android video application by breaking down WebRTC in Jetpack Compose. Since the pandemic started, it has had a huge impact on the entertainment industry especially in-home entertainment, such as streaming services, games, and social media communication. The video chat app market is
Read more ->
8 min read

How To Build A Facebook Messenger Clone

You’ll need to integrate a chat solution, but how do you build one that encourages modern connection through futuristic features? Stream sponsored Web Dev Simplified YouTube to provide a developer-focused guide on implementing Stream's React Chat SDK to create a Messenger-style clone. In just an hour and a half, this tutorial demonstrates how to build
Read more ->
1 min read

Build a Flutter Social Chat with Stream: Bloc and Domain Driven Design

If you want to build an application with the cross-platform framework Flutter, you are in the right place. After gaining some Flutter experience, you may need to build more complex applications. Generally, If you do not consider UI/UX sections, it’s hard to understand and apply communication sections. For instance, If you use the BLoC pattern
Read more ->
11 min read

Minimal Node Integration to Get You Started with Stream

Let's set you up with a minimal integration service written in NodeJS. Note, this implementation should only be used for testing purposes and is intended to get you started. What this sample offers is a very basic login and sign-up endpoint that interacts with the Stream Feeds and Chat API to supply you with user
Read more ->
3 min read

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

Building a Google Chrome Extension with Flutter and Stream

This is the first thing one sees on the Flutter website, and rightly so. Apart from the conventional form factors like mobile, tablet, and desktop, Flutter has also been run on gaming consoles, IoT devices and unconventional displays which is a testament to how flexible the framework is. This article will explore how to use
Read more ->
11 min read

Try out the Stream API with Postman

Postman is a great tool for developing and testing RESTful web-services and APIs. Since its inception, Postman has evolved beyond simply sending HTTP requests into a feature-rich product with support for automated testing and team collaboration. At Stream we use Postman regularly when we build and test our services. We're also always looking for ways
Read more ->
2 min read

Setting up your Chat environment with Stream CLI

Previously, in Get up and Running With Stream Chat, we looked at how to register your organization, and get an API key and secret for your Stream Chat app. Now it's time to create your first users and channels in this environment. One of the ways of doing that is by using our friendly stream-cli
Read more ->
3 min read

The Stream CLI By Example

The Stream CLI is a powerful tool for communicating and debugging your Stream Chat setup with the Stream API. With the Stream CLI, you can quickly work your chat configuration using all of the features that are baked into the Stream Chat Go SDK, including but not limited to modifying chat channels and messages, setting
Read more ->
3 min read

How to Run Stream’s Docs on a Multipass VM

Of course, you can isolate things by running a tool like NVM, RBEnv, or PyEnv. But there is still a risk of doing something to your system that will break things, causing you to spend loads of time fixing your setup for your current main project. But, what if there was a simple and easy
Read more ->
8 min read

Using CallKit: How to Integrate Voice and Video Calling Into iOS Apps

In this tutorial, you will learn to build a sample iOS application demonstrating how to integrate the Apple CallKit framework with iOS apps. You can download the sample app from Github. What is CallKit? CallKit helps developers to integrate and adopt native iOS video and voice calling into their VoIP apps. If you want to
Read more ->
12 min read

Supercharging Conversations With ChatGPT

As a chat company, we naturally wanted to check out OpenAI's ChatGPT model (and have a little fun with it!) by trying to have it act as a chatbot in a conversation between friends. Since ChatGPT does not have an official API yet, our work was cut out for us 😅. Understanding the API The
Read more ->
12 min read

7 Android Resources To Level Up As a Developer

The development ecosystem is changing so fast. Every day, new tech stacks and solutions are introduced to the community, and some materials are beneficial and reduce many development resources. To be a better developer, you need to not only make an effort to write good code but also keep learning helpful knowledge from excellent resources.
Read more ->
5 min read

Customizing Your Stream Chat Web App With Our New Theming API

Follow this coding tutorial to learn about the new Stream Chat theming API and understand how to customize your Stream chat web app with CSS. Customizing Your Chat Application Creating a chat UI that seamlessly integrates with the rest of your application's design can elevate your user experience. An extensive theming system that allows you
Read more ->
7 min read

Video Streaming Protocols: What Are They & How to Choose The Best One

As consumers cut the cord and opted to stream content from their mobile devices and smart TVs, the market for video streaming platforms exploded. Originally used to broadcast live sports in the '90s, as video streaming protocol technology developed, Flash and RTMP-based streaming gained traction. A few more years of improvements brought us YouTube and
Read more ->
11 min read

WebRTC Tutorials: 36 Essential Learning Resources

This would not have been possible without WebRTC technology. If you’d like to add this engaging feature to your app but aren’t sure where to start, we’ve rounded up our top resources to help you get started. What is WebRTC? Web Real-Time Communications (WebRTC) is an open-source project that enables real-time voice, messaging, and video
Read more ->
5 min read

Using SwiftUI Views: How To Customize Stream Chat Channel List

Stream’s SwiftUI SDK gives developers a modern way to build beautiful iOS chat messaging apps with stateful components. This tutorial guides you to perform significant customizations for the channel list of Stream Chat SwiftUI apps using views injection. You will discover how to swap Stream’s UI components with your bespoke layout and composition. In particular,
Read more ->
11 min read

6 Jetpack Compose Best Practices for Optimizing Your App Performance

Since Google announced Jetpack Compose stable 1.0, many companies are getting started to adopt Jetpack Compose into their projects. According to Google’s What developers are saying, Jetpack Compose increases their productivity and code quality. Jetpack Compose has a dedicated optimization system but it's essential to understand the rendering mechanism of Jetpack Compose for improving your
Read more ->
11 min read

Build a Real-Time Android WhatsApp Clone With Jetpack Compose

In this article, you will learn how to build your own real-time Android WhatsApp project with Jetpack Compose and Stream’s versatile Compose Chat SDK. Also, you will learn the overall architecture, each layer, and theming that are used in WhatsApp-Clone-Compose project. Before you dive in, we recommend cloning the WhatsApp-Clone-Compose on your local device with
Read more ->
8 min read

How to Build a Video Chat App: Types, Cost, & Must-Have Features

Recent advancements in real-time audio and video chat technology have enabled apps to incorporate these elements to become the most convenient connection methods. In this article, we'll take a 1,000 ft view of the video chat app market and its most popular apps, cover must-have features and the underlying tech you’ll need to create them,
Read more ->
17 min read

Making a Video Collaboration Platform With Flutter Feed SDK

Some examples of video collaboration platforms are Frame.io, Wipster, or Vimeo. They are extremely useful for video editing teams collaborating on a video project. There are many benefits to using a video collaboration platform, such as: Increased collaboration and productivity Improved communication and coordination Reduced travel costs Enhanced distance learning and training However, there is
Read more ->
12 min read

Hive AI and Stream Chat Content Moderation Integration Guide

Billions of users access mobile and web applications every day and generate countless hours of content, from live-stream videos to real-time messages and more. For the teams that build and maintain these services, enforcing some level of content moderation is a must. But, how can you keep up with the constant influx of user-generated content?
Read more ->
13 min read

Twitter Clone Part 3: Adding Tweet Reactions and Showing Notifications

In this article, the third part of the Build a Twitter Clone series, you will add support for tweet reactions (likes and comments), threads, and a notifications page. Part 1 focuses on creating the Twitter layout, authenticating users with Stream, adding the create tweet feature, and displaying the home page activity feeds. Part 2 focuses
Read more ->
12 min read

Bringing Anmol Verma's Jetpack Compose Slack Project to Life

Are you a developer working in an organization? If yes, then you’ve probably used Slack before, or at least know what it is. As one of the leading workplace chat apps, millions of teams have adopted Slack and communicate over the platform every day. But have you ever thought about what it would take to
Read more ->
9 min read

Theming and Customizing Your Stream Chat SwiftUI App: A Quick-Start Guide

This tutorial describes how to perform configuration-based theming and customization of your Stream Chat SwiftUI app. It focuses mainly on the basics of theming the default look and feel of user interface elements. The example and code snippets provided should give you a vivid understanding of how to get started with changing the visual appearance
Read more ->
8 min read

Twitter Clone Part 2: Creating a Profile Page and Following Users

In this article, in the second part of the Build a Twitter Clone series, you will create a Profile Page for users and add the follow-users feature. Part 1 focuses on creating the Twitter layout, authenticating users with Stream, adding the create tweet feature, and displaying the home page activity feeds. That is a required
Read more ->
10 min read

Twitter Clone Part 1: Connecting Users to Stream Feeds and Creating a Tweet

In this article, the first part of the Build a Twitter Clone series, you will be creating a Twitter clone, which connects and authenticates a selected user with your Stream app. For this tutorial, you will make the layout and add support for creating tweets in the clone using Stream activity feeds. Let us get
Read more ->
34 min read