【文件属性】:
文件名称:microsoft-teams-clone
文件大小:1.51MB
文件格式:ZIP
更新时间:2021-03-08 08:33:18
JavaScript
使用Supabase的实时聊天示例
这是使用以下内容的全栈Slack克隆示例:
前端:
Next.js。
用于用户管理和实时数据同步。
后端: :托管带有Postfuls API的Postgres数据库,供Supabase.js使用。
演示版
现场演示: :
CodeSandbox: ://codesandbox.io/s/github/supabase/supabase/tree/master/examples/nextjs-slack-clone
视频教程: :
自己部署
1.创建新项目
注册Supabase- //app.supabase.io并创建一个新项目。 等待数据库启动。
2.运行“松弛克隆”快速入门
数据库启动后,请运行“ Slack Clone”快速入门。
3.获取URL和密钥
转到项目设置(齿轮图标),打开“ API”选项卡,然后找到您的API
【文件预览】:
microsoft-teams-clone-master
----components()
--------MessageInput.js(701B)
--------Message.js(239B)
--------Layout.js(2KB)
----.gitignore(297B)
----README.md(7KB)
----public()
--------slack-clone-demo.gif(1.53MB)
----pages()
--------_app.js(2KB)
--------channels()
--------index.js(3KB)
----package.json(455B)
----styles()
--------global.css(368B)
----postcss.config.js(82B)
----jsconfig.json(93B)
----.env.local.example(96B)
----tailwind.config.js(214B)
----lib()
--------UserContext.js(103B)
--------Store.js(5KB)
----package-lock.json(101KB)