使用 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
我用夸克网盘给你分享了「使用 Next.js、React、Tailwind 和 Shadcn 构建的实时聊天应用」，点击链接或复制整段内容，打开「夸克APP」即可获取。
/~f48c3LrkFA~:/
