使用 Next.js、React、Tailwind 和 Shadcn 构建的实时聊天应用

   2026-05-24 IP属地 移动/数据上网公共出口00
核心提示:使用 Next.js、React、Tailwind 和 Shadcn 构建的实时聊天应用资源简介:课程目录:├─1. Introduction│ 1. Introduction.en.srt│ 1. Introduction.en_CN.srt│ 1. Introduction.mp4│ 2. Before we begin.html│ 2.1 realtime-chat-app.zip│├─10. Read receipts│ 1. Backend for read receipts.en.srt│ 1

image.png

使用 Next.js、React、Tailwind 和 Shadcn 构建的实时聊天应用资源简介:

课程目录:

├─1. Introduction

│ 1. Introduction.en.srt

│ 1. Introduction.en_CN.srt

│ 1. Introduction.mp4

│ 2. Before we begin.html

│ 2.1 realtime-chat-app.zip

├─10. Read receipts

│ 1. Backend for read receipts.en.srt

│ 1. Backend for read receipts.en_CN.srt

│ 1. Backend for read receipts.mp4

│ 2. Adding read receipts to conversations.en.srt

│ 2. Adding read receipts to conversations.en_CN.srt

│ 2. Adding read receipts to conversations.mp4

│ 3. Showing unseen messages count.en.srt

│ 3. Showing unseen messages count.en_CN.srt

│ 3. Showing unseen messages count.mp4

├─11. Build & Deploy

│ 1. Build & deploy to Vercel.en.srt

│ 1. Build & deploy to Vercel.en_CN.srt

│ 1. Build & deploy to Vercel.mp4

│ 2. Adding a custom domain.en.srt

│ 2. Adding a custom domain.en_CN.srt

│ 2. Adding a custom domain.mp4

├─12. Emoji picker

│ 1. Creating attachments popover.en.srt

│ 1. Creating attachments popover.en_CN.srt

│ 1. Creating attachments popover.mp4

│ 2. Adding the emoji picker.en.srt

│ 2. Adding the emoji picker.en_CN.srt

│ 2. Adding the emoji picker.mp4

│ 3. Connecting emoji picker to chat input.en.srt

│ 3. Connecting emoji picker to chat input.en_CN.srt

│ 3. Connecting emoji picker to chat input.mp4

├─13. File upload

│ 1. Setting up uploadthing.en.srt

│ 1. Setting up uploadthing.en_CN.srt

│ 1. Setting up uploadthing.mp4

│ 2. Adding imagevideofile uploads.en.srt

│ 2. Adding imagevideofile uploads.en_CN.srt

│ 2. Adding imagevideofile uploads.mp4

│ 3. Rendering image and video messages.en.srt

│ 3. Rendering image and video messages.en_CN.srt

│ 3. Rendering image and video messages.mp4

│ 4. Rendering file messages.en.srt

│ 4. Rendering file messages.en_CN.srt

│ 4. Rendering file messages.mp4

├─14. AudioVideo call

│ 1. LiveKit setup.en.srt

│ 1. LiveKit setup.en_CN.srt

│ 1. LiveKit setup.mp4

│ 2. Rendering audiovideo calls.en.srt

│ 2. Rendering audiovideo calls.en_CN.srt

│ 2. Rendering audiovideo calls.mp4

│ 3. Rendering call status.en.srt

│ 3. Rendering call status.en_CN.srt

│ 3. Rendering call status.mp4

├─15. Publishing Progressive Web App

│ 1. PWA and manifest setup.en.srt

│ 1. PWA and manifest setup.en_CN.srt

│ 1. PWA and manifest setup.mp4

│ 2. Metadata and Next config setup.en.srt

│ 2. Metadata and Next config setup.en_CN.srt

│ 2. Metadata and Next config setup.mp4

│ 3. Build and deploy to desktop and mobile.en.srt

│ 3. Build and deploy to desktop and mobile.en_CN.srt

│ 3. Build and deploy to desktop and mobile.mp4

├─2. Project Setup

│ 1. NextJS Project Setup.en.srt

│ 1. NextJS Project Setup.en_CN.srt

│ 1. NextJS Project Setup.mp4

│ 2. shadcnui Setup.en.srt

│ 2. shadcnui Setup.en_CN.srt

│ 2. shadcnui Setup.mp4


 
收藏 0打赏 0评论 0
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  隐私政策  |  使用协议  |  版权隐私  |  合作代理  |  联系方式  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  帮助中心  |  网站地图  |  违规举报