课程目录

• 1. Introduction
• 1. Introduction.en.srt
• 1. Introduction.en_CN.srt
• 1. Introduction
• 2. Before we begin.html
• 2.1 realtime-chat-app
• -
• 10. Read receipts
• 1. Backend for read receipts.en.srt
• 1. Backend for read receipts.en_CN.srt
• 1. Backend for read receipts
• 2. Adding read receipts to conversations.en.srt
• 2. Adding read receipts to conversations.en_CN.srt
• 2. Adding read receipts to conversations
• 3. Showing unseen messages count.en.srt
• 3. Showing unseen messages count.en_CN.srt
• 3. Showing unseen messages count
• -
• 11. Build & Deploy
• 1. Build & deploy to Vercel.en.srt
• 1. Build & deploy to Vercel.en_CN.srt
• 1. Build & deploy to Vercel
• 2. Adding a custom domain.en.srt
• 2. Adding a custom domain.en_CN.srt
• 2. Adding a custom domain
• -
• 12. Emoji picker
• 1. Creating attachments popover.en.srt
• 1. Creating attachments popover.en_CN.srt
• 1. Creating attachments popover
• 2. Adding the emoji picker.en.srt
• 2. Adding the emoji picker.en_CN.srt
• 2. Adding the emoji picker
• 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
• -
• 13. File upload
• 1. Setting up uploadthing.en.srt
• 1. Setting up uploadthing.en_CN.srt
• 1. Setting up uploadthing
• 2. Adding imagevideofile uploads.en.srt
• 2. Adding imagevideofile uploads.en_CN.srt
• 2. Adding imagevideofile uploads
• 3. Rendering image and video messages.en.srt
• 3. Rendering image and video messages.en_CN.srt
• 3. Rendering image and video messages
• 4. Rendering file messages.en.srt
• 4. Rendering file messages.en_CN.srt
• 4. Rendering file messages
• -
• 14. AudioVideo call
• 1. LiveKit setup.en.srt
• 1. LiveKit setup.en_CN.srt
• 1. LiveKit setup
• 2. Rendering audiovideo calls.en.srt
• 2. Rendering audiovideo calls.en_CN.srt
• 2. Rendering audiovideo calls
• 3. Rendering call status.en.srt
• 3. Rendering call status.en_CN.srt
• 3. Rendering call status
• -
• 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
• 2. Metadata and Next config setup.en.srt
• 2. Metadata and Next config setup.en_CN.srt
• 2. Metadata and Next config setup
• 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
• -
• 2. Project Setup
• 1. NextJS Project Setup.en.srt
• 1. NextJS Project Setup.en_CN.srt
• 1. NextJS Project Setup
• 2. shadcnui Setup.en.srt
• 2. shadcnui Setup.en_CN.srt
• 2. shadcnui Setup
• -
• 3. NextJS Basics (optional)
• 1. Introduction to NextJS.en.srt
• 1. Introduction to NextJS.en_CN.srt
• 1. Introduction to NextJS
• 2. Routing in NextJS.en.srt
• 2. Routing in NextJS.en_CN.srt
• 2. Routing in NextJS
• 3. Client vs Server components.en.srt
• 3. Client vs Server components.en_CN.srt
• 3. Client vs Server components
• -
• 4. Database & Auth setup
• 1. Convex DB Setup.en.srt
• 1. Convex DB Setup.en_CN.srt
• 1. Convex DB Setup
• 2. Clerk Auth Setup.en.srt
• 2. Clerk Auth Setup.en_CN.srt
• 2. Clerk Auth Setup
• 3. Integrating Convex with Clerk.en.srt
• 3. Integrating Convex with Clerk.en_CN.srt
• 3. Integrating Convex with Clerk
• 4. Storing user data in Convex DB.en.srt
• 4. Storing user data in Convex DB.en_CN.srt
• 4. Storing user data in Convex DB
• -
• 5. Layout and Navigation
• 1. Setting up frontend routes.en.srt
• 1. Setting up frontend routes.en_CN.srt
• 1. Setting up frontend routes
• 2. Sidebar & adding navigation.en.srt
• 2. Sidebar & adding navigation.en_CN.srt
• 2. Sidebar & adding navigation
• 3. Items list and conversation container.en.srt
• 3. Items list and conversation container.en_CN.srt
• 3. Items list and conversation container
• -
• 6. Dark Mode
• 1. Adding theme switching.en.srt
• 1. Adding theme switching.en_CN.srt
• 1. Adding theme switching
• -
• 7. Adding Friends
• 1. Backend for creating friend request.en.srt
• 1. Backend for creating friend request.en_CN.srt
• 1. Backend for creating friend request
• 2. Add dialog for sending requests.en.srt
• 2. Add dialog for sending requests.en_CN.srt
• 2. Add dialog for sending requests
• 3. Render list of requests.en.srt
• 3. Render list of requests.en_CN.srt
• 3. Render list of requests
• 4. Showing pending request count.en.srt
• 4. Showing pending request count.en_CN.srt
• 4. Showing pending request count
• 5. Deny friend request.en.srt
• 5. Deny friend request.en_CN.srt
• 5. Deny friend request
• 6. Accept friend request.en.srt
• 6. Accept friend request.en_CN.srt
• 6. Accept friend request
• -
• 8. Conversations
• 1. Render list of conversations.en.srt
• 1. Render list of conversations.en_CN.srt
• 1. Render list of conversations
• 2. Render active conversation.en.srt
• 2. Render active conversation.en_CN.srt
• 2. Render active conversation
• 3. Chat input and sending messages.en.srt
• 3. Chat input and sending messages.en_CN.srt
• 3. Chat input and sending messages
• 4. Rendering conversation messages.en.srt
• 4. Rendering conversation messages.en_CN.srt
• 4. Rendering conversation messages
• 5. Render last message in conversations list.en.srt
• 5. Render last message in conversations list.en_CN.srt
• 5. Render last message in conversations list
• 6. Removing friends.en.srt
• 6. Removing friends.en_CN.srt
• 6. Removing friends
• -
• 9. Groups
• 1. Backend for creating groups.en.srt
• 1. Backend for creating groups.en_CN.srt
• 1. Backend for creating groups
• 2. Add dialog for creating groups.en.srt
• 2. Add dialog for creating groups.en_CN.srt
• 2. Add dialog for creating groups
• 3. Rendering groups in conversations list.en.srt
• 3. Rendering groups in conversations list.en_CN.srt
• 3. Rendering groups in conversations list
• 4. Delete group.en.srt
• 4. Delete group.en_CN.srt
• 4. Delete group
• 5. Leave group.en.srt
• 5. Leave group.en_CN.srt
• 5. Leave group