|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-14-real-time-chat-app-using-socket-io/
课程评论：没有评论
课程名称：Next.js 14 实时聊天应用程序使用 Socket IO 课程概述：欢迎来到 Next.js 14 实时聊天应用程序课程。在本课程中，我们将学习到 Next.js 14 的最新功能，如应用路由（App Router）、服务器操作（Server Actions）、中间件（Middlewares）等。同时，将实现 Clerk 身份验证，使用 Socket IO 进行实时通讯，最终将 Next.js 应用部署到 Vercel，并将 Node 应用部署到 Render。课程还涉及如何使用客户端和服务器组件的组合，以及利用 Tailwind CSS 来覆盖 Ant Design 的默认样式并构建自定义组件。 项目内容： - 实现 CLERK 身份验证，用于注册和登录。 - 登录用户可以查看应用中所有注册用户的列表。 - 用户可以添加其他用户到聊天列表以开始聊天。 - 支持一对一和群聊功能。 - 用户能够更新个人资料图片，创建和编辑群组。 - 用户可以查看未读消息计数。 - 通过整合 Socket IO 实现实时聊天功能，用户可实时发送和接收消息。 - 收件人可以看到Typing动画，指示其他用户正在输入信息。 - 消息阅读回执功能的实现。 Next.js 是一个开源的目标编码框架，由 Kotlin JS 开发者创建，旨在帮助开发者构建服务器渲染的 React 应用程序，支持现代 JavaScript 语言如 TypeScript、GraphQL 和 React 组件。Next.js 提供了许多预构建的功能，如路由、基于文件的路由、webpack 开发服务器、热模块替换、静态导出和代码拆分，适合构建静态网站和进阶的 Web 应用，使其具备良好的 SEO 性能、可访问性和快速加载速度。
Hello, Welcome to the course Next.js 14 Real-Time Chat AppCertainly, I'd be happy to elaborate on the features included in the Next.js 14 Real-Time Chat App course. Tech StackLearn Next JS 14 Latest Features like App Router , Server Actions , Middlewares etc.Implement Clerk Authentication.Working with SOCKET IO to perform all real-time tasks.Deploying Next JS App to Vercel and Node App to RenderWorking with combination of both client and server componentsUsing Tailwind CSS in-order to override Ant Design default styling and building custom componentsProjectImplement CLERK Authentication for sign-up and sign-in.Logged in users will be able to see all the list of users who registered in the applicationIf any user want to chat with other user , they have to add the user to chats listUsers can create one-to-one chat and also group chats.Users can able to update their profile picture , create groups , edit groups.Users can see unread messages count in chats-list for every chat.Integrating socket io in-order to make all the chat functionalities real time.Once the socket io is integrated , users will be able to send and receive the messages in real-time.Recipient users can see the typing animation if any user is typing in that chat.Read Receipts functionality for the messages.Next.js is an open-source, objective-coded framework for web developers created by Kotlin JS developers. It is used to create server-rendered React applications and can be used with modern JavaScript languages like TypeScript, GraphQL, and React components.Next.js allows developers to create web applications to a high standard with pre-built features such as routing, file-based routing, webpack dev server, hot module replacement, static exports, and code splitting.Next.js works well for building static sites and progressive web apps that are SEO-friendly, accessible, and fast.
