使用 Next.js 和 Supabase 创建 Slack 克隆

2025-06-10

使用 Next.js 和 Supabase 创建 Slack 克隆

在这篇文章中,我们将向您展示如何在不到 2 分钟的时间内部署功能齐全的 Slack 克隆。

最终结果请见:https://supabase-slack-clone.vercel.app/

(☝️您在注册时最好使用假邮箱)

简介

视频展示了所有步骤,所以如果您还没有看过,以下是您需要知道的内容!

这是一个基于 Postgres 行级安全性构建的实时 Slack 克隆版本。这是一个简单的 POC,您可以自行部署,只需几分钟。数据库、身份验证、实时性和 API 由 Supabase 处理,Supabase 是一个开源的 Firebase 替代方案。前端使用 Next.js 构建,并部署在 Vercel 上。

告诉我怎么做

您还可以在项目 repo中找到这些说明

1. 创建新项目

注册 Supabase - https://app.supabase.io并创建一个新项目。等待数据库启动。

2. 运行“Slack Clone”快速入门

数据库启动后,运行“Slack Clone”快速启动。

Slack Clone 快速入门

3.获取URL和密钥

转到项目设置(齿轮图标),找到您的 API URL 和anon密钥。

图像

4.部署前端

点击此按钮部署前端:

使用 Vercel 部署

系统将要求您输入NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_KEY。您可以使用步骤 3 中的按键。

结论

恭喜!您无需编写任何代码,就成功部署了一个可正常运行的 Slack 克隆版本。欢迎您尝试修改前端,并在评论区分享您自己的 Slack URL。

鏂囩珷鏉ユ簮锛�https://dev.to/supabase/create-a-slack-clone-with-next-js-and-supabase-3lhd
PREV
在 Supabase 上开始使用 Ruby on Rails 和 Postgres
NEXT
48 小时内更改数据库 5 次,使我们的发布观看次数增加到 35,000 次 GenAI LIVE!| 2025 年 6 月 4 日