【Udemy中英字幕】Real-Time Chat App with NextJS, React, Tailwind, and Shadcn

使用 NextJS、React、Tailwind 和 Shadcn 的实时聊天应用程序

使用 React、Tailwind、Typescript 和 ShadcnUI 构建和部署具有音频/视频通话功能的 NextJS 聊天应用程序

讲师：Code Complete

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 通过真实的全栈项目从头开始学习 NextJS
• 使用 Tailwind CSS 和 shadcn/ui 制作具有暗黑模式的响应式 UI
• 使用 Convex 和 LiveKit 通过聊天和音频/视频通话添加实时通信
• 了解如何使用 uploadthing 管理图像/视频/文件的上传和渲染
• 了解如何使用自定义域将 NextJS 应用部署到 Web
• 将您的应用转换为渐进式 Web 应用 (PWA)，以便可以在桌面、iOS 和 Android 上本地下载

探索相关主题

• 全栈 Web 开发
• 其他 IT 和软件
• 信息技术与软件

要求

• 需要具备 ReactJS 和 TypeScript 的基本知识
• 不需要 NextJS 经验，课程包含开始之前的速成课程！

描述

在本综合课程中，我们将构建一个全栈实时聊天应用程序。您将使用以下尖端技术深入探索 Web 开发的世界：

1. Next.js（包含速成课程）
2. ReactJS
3. Tailwind CSS用于样式
4. TypeScript用于类型安全代码
5. Shadcn/UI用于可重复使用的组件和主题
6. Convex DB作为实时数据库
7. 认证办事员

在本课程中，您将踏上从头开始创建功能丰富的实时聊天应用程序的旅程。我们将利用强大的工具，如 ShadcnUI 组件、用于数据库管理的 Convex、用于身份验证的 Clerk、用于音频/视频通话的 LiveKit 和用于无缝文件上传的 Uploadthing。此外，我们将使用 Vercel 轻松部署我们的应用程序。

以下是您将要学习和构建的内容：

• 无缝添加和删除好友，增强用户互动。
• 实时创建对话和消息，提供动态的用户体验。
• 轻松建立群聊，促进用户之间的协作。
• 使用 Clerk实施强大的身份验证，以确保安全访问您的应用程序。
• 通过暗模式支持增强用户体验。
• 通过实时通知让用户了解情况，确保他们不会错过任何信息。
• 开发响应式移动用户界面，实现跨各种设备的无缝访问。
• 使用 LiveKit实现音频/视频通话，为交流增添个性化特色。
• 允许用户通过 Uploadthing 集成无缝上传图像、视频和文件。
• 使用表情符号选择器增强用户参与度，使对话更具表现力。
• 将您的应用程序转换为渐进式 Web 应用程序 (PWA)，确保跨平台兼容性和桌面、iOS 和 Android上的类似原生的体验。
• 利用Convex进行实时数据库操作，确保数据的一致性和可靠性。

此外，本课程还包括为完全初学者量身定制的Next.js 速成课程。因此，无论您是 Next.js 新手，还是希望扩展技能组合的经验丰富的开发人员，本课程都适合每个人。

在本课程结束时，您不仅会构建出一款令人印象深刻的实时聊天应用程序，而且还会获得宝贵的技能和对现代 Web 开发实践的见解。立即报名，将您的 Web 开发之旅推向新的高度！

本课程适合哪些人：

• 希望通过真实项目学习 NextJS 的 ReactJS 开发人员
• NextJS 开发人员希望构建和部署功能丰富的真正全栈应用程序
• 希望学习 Tailwind、TypeScript 和 shadcn/ui 等尖端技术的开发人员