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

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

 📁 14. AudioVideo call

 📁 9. Groups

 📁 13. File upload

 📁 3. NextJS Basics (optional)

 📁 15. Publishing Progressive Web App

 📁 5. Layout and Navigation

 📁 15. Publishing Progressive Web App

 📁 2. Project Setup

 📁 1. Introduction

 📁 12. Emoji picker

 📁 6. Dark Mode

 📁 7. Adding Friends

 📁 10. Read receipts

 📁 8. Conversations

 📁 11. Build & Deploy

 📁 5. Layout and Navigation

 📁 4. Database & Auth setup

   📄 2. Rendering audiovideo calls--.en.srt

   📄 2. Rendering audiovideo calls--.en_CN.srt

   📄 3. Rendering call status--.mp4

   📄 3. Rendering call status--.en.srt

   📄 1. LiveKit setup--.en.srt

   📄 1. LiveKit setup--.en_CN.srt

   📄 1. LiveKit setup--.mp4

   📄 2. Rendering audiovideo calls--.mp4

   📄 3. Rendering call status--.en_CN.srt

   📄 1. Introduction to NextJS--.mp4

   📄 2. Routing in NextJS--.mp4

   📄 3. Client vs Server components--.mp4

   📄 2. Routing in NextJS--.en_CN.srt

   📄 3. Client vs Server components--.en.srt

   📄 1. Introduction to NextJS--.en.srt

   📄 1. Introduction to NextJS--.en_CN.srt

   📄 2. Routing in NextJS--.en.srt

   📄 3. Client vs Server components--.en_CN.srt

   📄 2. Adding imagevideofile uploads--.en.srt

   📄 2. Adding imagevideofile uploads--.mp4

   📄 3. Rendering image and video messages--.mp4

   📄 3. Rendering image and video messages--.en_CN.srt

   📄 4. Rendering file messages--.en_CN.srt

   📄 1. Setting up uploadthing--.en.srt

   📄 1. Setting up uploadthing--.mp4

   📄 4. Rendering file messages--.en.srt

   📄 4. Rendering file messages--.mp4

   📄 1. Setting up uploadthing--.en_CN.srt

   📄 2. Adding imagevideofile uploads--.en_CN.srt

   📄 3. Rendering image and video messages--.en.srt

   📄 2. Add dialog for creating groups--.en_CN.srt

   📄 5. Leave group--.mp4

   📄 4. Delete group--.en.srt

   📄 3. Rendering groups in conversations list--.mp4

   📄 3. Rendering groups in conversations list--.en.srt

   📄 1. Backend for creating groups--.en.srt

   📄 5. Leave group--.en_CN.srt

   📄 1. Backend for creating groups--.en_CN.srt

   📄 4. Delete group--.mp4

   📄 3. Rendering groups in conversations list--.en_CN.srt

   📄 4. Delete group--.en_CN.srt

   📄 1. Backend for creating groups--.mp4

   📄 2. Add dialog for creating groups--.mp4

   📄 2. Add dialog for creating groups--.en.srt

   📄 5. Leave group--.en.srt

   📄 2. shadcnui Setup--.en.srt

   📄 1. NextJS Project Setup--.en.srt

   📄 2. shadcnui Setup--.en_CN.srt

   📄 2. shadcnui Setup--.mp4

   📄 1. NextJS Project Setup--.en_CN.srt

   📄 1. NextJS Project Setup--.mp4

   📄 1. Setting up frontend routes--.en.srt

   📄 1. PWA and manifest setup--.en_CN.srt

   📄 3. Build and deploy to desktop and mobile--.en_CN.srt

   📄 2. Metadata and Next config setup--.mp4

   📄 2. Metadata and Next config setup--.en_CN.srt

   📄 2. Metadata and Next config setup--.en.srt

   📄 3. Build and deploy to desktop and mobile--.mp4

   📄 1. PWA and manifest setup--.en.srt

   📄 3. Build and deploy to desktop and mobile--.en.srt

   📄 1. PWA and manifest setup--.mp4

   📄 1. Adding theme switching--.en_CN.srt

   📄 1. Adding theme switching--.mp4

   📄 1. Adding theme switching--.en.srt

   📄 1. Creating attachments popover--.en_CN.srt

   📄 2. Adding the emoji picker--.en_CN.srt

   📄 3. Connecting emoji picker to chat input--.en_CN.srt

   📄 3. Connecting emoji picker to chat input--.en.srt

   📄 1. Creating attachments popover--.mp4

   📄 3. Connecting emoji picker to chat input--.mp4

   📄 2. Adding the emoji picker--.mp4

   📄 1. Creating attachments popover--.en.srt

   📄 2. Adding the emoji picker--.en.srt

   📄 2.1 realtime-chat-app.zip

   📄 1. Introduction--.en_CN.srt

   📄 2. Before we begin.html

   📄 1. Introduction--.en.srt

   📄 1. Introduction--.mp4

   📄 6. Accept friend request--.en_CN.srt

   📄 4. Showing pending request count--.mp4

   📄 4. Showing pending request count--.en.srt

   📄 6. Accept friend request--.mp4

   📄 4. Showing pending request count--.en_CN.srt

   📄 5. Deny friend request--.en_CN.srt

   📄 2. Add dialog for sending requests--.en.srt

   📄 1. Backend for creating friend request--.mp4

   📄 5. Deny friend request--.mp4

   📄 3. Render list of requests--.en.srt

   📄 2. Add dialog for sending requests--.en_CN.srt

   📄 3. Render list of requests--.en_CN.srt

   📄 5. Deny friend request--.en.srt

   📄 6. Accept friend request--.en.srt

   📄 3. Render list of requests--.mp4

   📄 1. Backend for creating friend request--.en.srt

   📄 1. Backend for creating friend request--.en_CN.srt

   📄 2. Add dialog for sending requests--.mp4

   📄 1. Build & deploy to Vercel--.en_CN.srt

   📄 1. Build & deploy to Vercel--.en.srt

   📄 1. Build & deploy to Vercel--.mp4

   📄 2. Adding a custom domain--.en_CN.srt

   📄 2. Adding a custom domain--.en.srt

   📄 2. Adding a custom domain--.mp4

   📄 2. Adding read receipts to conversations--.mp4

   📄 3. Showing unseen messages count--.en.srt

   📄 3. Showing unseen messages count--.en_CN.srt

   📄 2. Adding read receipts to conversations--.en.srt

   📄 1. Backend for read receipts--.en.srt

   📄 2. Adding read receipts to conversations--.en_CN.srt

   📄 3. Showing unseen messages count--.mp4

   📄 1. Backend for read receipts--.mp4

   📄 1. Backend for read receipts--.en_CN.srt

   📄 3. Chat input and sending messages--.mp4

   📄 2. Render active conversation--.mp4

   📄 4. Rendering conversation messages--.en_CN.srt

   📄 5. Render last message in conversations list--.mp4

   📄 1. Render list of conversations--.en_CN.srt

   📄 2. Render active conversation--.en.srt

   📄 6. Removing friends--.en.srt

   📄 6. Removing friends--.mp4

   📄 2. Render active conversation--.en_CN.srt

   📄 6. Removing friends--.en_CN.srt

   📄 3. Chat input and sending messages--.en_CN.srt

   📄 4. Rendering conversation messages--.mp4

   📄 3. Chat input and sending messages--.en.srt

   📄 1. Render list of conversations--.mp4

   📄 1. Render list of conversations--.en.srt

   📄 4. Rendering conversation messages--.en.srt

   📄 5. Render last message in conversations list--.en.srt

   📄 5. Render last message in conversations list--.en_CN.srt

   📄 1. Setting up frontend routes--.en_CN.srt

   📄 3. Items list and conversation container--.en_CN.srt

   📄 2. Sidebar & adding navigation--.en_CN.srt

   📄 1. Setting up frontend routes--.mp4

   📄 3. Items list and conversation container--.en.srt

   📄 2. Sidebar & adding navigation--.mp4

   📄 3. Items list and conversation container--.mp4

   📄 2. Sidebar & adding navigation--.en.srt

   📄 2. Clerk Auth Setup--.mp4

   📄 4. Storing user data in Convex DB--.en.srt

   📄 4. Storing user data in Convex DB--.mp4

   📄 3. Integrating Convex with Clerk--.mp4

   📄 2. Clerk Auth Setup--.en_CN.srt

   📄 3. Integrating Convex with Clerk--.en.srt

   📄 4. Storing user data in Convex DB--.en_CN.srt

   📄 1. Convex DB Setup--.mp4

   📄 1. Convex DB Setup--.en.srt

   📄 1. Convex DB Setup--.en_CN.srt

   📄 3. Integrating Convex with Clerk--.en_CN.srt

   📄 2. Clerk Auth Setup--.en.srt