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

感谢网友分享，暂时只对VIP会员开放！

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

real-time-chat-app-with-nextjs-react-tailwind-and-shadcn

国外课程，有字幕！

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

讲师：Code Complete

您将学到什么

从零开始，通过真实的全栈项目深入学习 NextJS

使用 Tailwind CSS 和 ShadcnUI 创建具有暗黑模式的响应式用户界面

使用 Convex 和 LiveKit 实现实时聊天和音频/视频通话功能

学习如何使用 Uploadthing 管理图片、视频及文件的上传与渲染

掌握如何将 NextJS 应用程序部署到互联网，使用自定义域名

将您的应用程序转变为渐进式 Web 应用 (PWA)，实现桌面、iOS 和 Android 本地下载

探索相关主题

全栈 Web 开发

IT 和软件

信息技术与软件

要求

需具备 ReactJS 和 TypeScript 的基本知识

不需要有 NextJS 经验，课程包含速成课程以帮助入门！

描述

欢迎来到这门全面的课程，我们将共同构建一个功能丰富的全栈实时聊天应用程序。在本课程中，您将掌握以下尖端技术，深入探索现代 Web 开发的世界：

Next.js（包含速成课程）

ReactJS

Tailwind CSS 进行样式设计

TypeScript 确保类型安全的代码

ShadcnUI 提供可复用组件和主题

Convex DB 作为实时数据库

Clerk 实现安全身份验证

在课程中，您将体验从头开始构建一个实时聊天应用的整个过程。我们将利用强大的工具，如 ShadcnUI 组件、Convex 数据库管理、Clerk 身份验证、LiveKit 音频/视频通话以及 Uploadthing 文件上传，确保应用程序的功能丰富且用户友好。此外，我们将使用 Vercel 轻松部署我们的应用。

您将学习并构建的功能包括：

无缝添加和删除好友，提升用户互动体验。

实时对话和消息创建，为用户提供动态的交流环境。

轻松实现群聊功能，促进用户间的协作。

使用 Clerk 提供强大的身份验证，确保安全访问。

实现暗模式支持，增强用户体验。

实时通知功能确保用户不会错过任何更新。

开发响应式移动用户界面，实现跨设备的无缝访问。

使用 LiveKit 实现音频/视频通话，使交流更具个性化。

通过 Uploadthing 实现图像、视频和文件的无缝上传。

使用表情符号选择器提升用户的参与度和对话表现力。

将您的应用程序转化为渐进式 Web 应用程序 (PWA)，确保跨平台兼容性并提供类似原生的体验。

利用 Convex 进行实时数据库操作，保障数据的一致性和可靠性。

本课程还为完全初学者提供了专门的Next.js 速成课程。因此，无论您是 Next.js 新手，还是希望扩展技能的开发者，这门课程都将为您提供丰富的学习体验。

在课程结束时，您将不仅构建出一款令人印象深刻的实时聊天应用程序，还将获得宝贵的技能和对现代 Web 开发实践的深入理解。立即报名，提升您的 Web 开发之旅！

本课程适合哪些人：

希望通过真实项目学习 NextJS 的 ReactJS 开发人员

渴望构建和部署功能丰富的全栈应用程序的 NextJS 开发人员

想要掌握 Tailwind、TypeScript 和 ShadcnUI 等前沿技术的开发者