--- title: Building a Video Chat App with Next.js, 100ms, and... description: Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set... canonical: https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Building a Video Chat App with Next.js, 100ms, and TailwindCSS | daily.dev og:description: Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set... og:url: https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x og:image: https://api.daily.dev/og/posts/nY3qe5w_X.png og:image:alt: Building a Video Chat App with Next.js, 100ms, and TailwindCSS og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Building a Video Chat App with Next.js, 100ms, and TailwindCSS **[asayer](https://daily.dev/sources/asayer)** · 17 min read · 98 upvotes · 4 comments ## Summary Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set up optimized audio and video chat interfaces. In this tutorial, readers will learn how to integrate the 100ms features to create a chat application using Next.js and TailwindCSS. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@lorezz** · 1 upvotes > Cool tutorial, really love the Ui **@henriqueiru** · 0 upvotes > Very nice **@uwenayoallain** · 0 upvotes > Great App, will learn **alot** ,thanks **@imadbg01** · 0 upvotes > Nice Work! --- Tags: [#react](https://daily.dev/tags/react), [#nextjs](https://daily.dev/tags/nextjs), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Building a Video Chat App with Next.js, 100ms, and TailwindCSS","url":"https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x"},"datePublished":"2022-04-27T12:06:17.226Z","dateModified":"2022-04-27T12:06:17.226Z","description":"Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/78739de3d68452e42eea0e46596096b0","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/78739de3d68452e42eea0e46596096b0","isAccessibleForFree":true,"articleSection":"asayer","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"asayer","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac","url":"https://daily.dev/sources/asayer"},"commentCount":4,"discussionUrl":"https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":98},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"keywords":"react,nextjs,tailwind-css","timeRequired":"PT17M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"asayer","item":"https://daily.dev/sources/asayer"},{"@type":"ListItem","position":3,"name":"Building a Video Chat App with Next.js, 100ms, and TailwindCSS"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x","comment":[{"@type":"Comment","text":"Cool tutorial, really love the Ui","datePublished":"2022-04-28T07:17:39.818Z","url":"https://daily.dev/posts/nY3qe5w_X#c-istS6W1EC","author":{"@type":"Person","name":"lorezz","url":"https://daily.dev/lorezz","image":"https://avatars0.githubusercontent.com/u/1153066?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Very nice","datePublished":"2022-04-29T15:54:01.070Z","url":"https://daily.dev/posts/nY3qe5w_X#c-yxTfkD3WE","author":{"@type":"Person","name":"Henrique Lima Menezes das Neves","url":"https://daily.dev/henriqueiru","image":"https://avatars.githubusercontent.com/u/62913144?v=4"}},{"@type":"Comment","text":"Great App, will learn alot ,thanks","datePublished":"2022-04-28T07:26:37.129Z","url":"https://daily.dev/posts/nY3qe5w_X#c-ChjrQ9cj4","author":{"@type":"Person","name":"uwe","url":"https://daily.dev/uwenayoallain","image":"https://media.daily.dev/image/upload/s--MbHE9HrG--/f_auto/v1743459674/avatars/avatar_Cb8H3_CjL"}},{"@type":"Comment","text":"Nice Work!","datePublished":"2022-06-15T20:10:14.930Z","url":"https://daily.dev/posts/nY3qe5w_X#c-Ai921Gjp5","author":{"@type":"Person","name":"imad","url":"https://daily.dev/imadbg01","image":"https://avatars.githubusercontent.com/u/88989473?v=4"}}]} ```