shark chat js

鯊魚聊天

由TRPC，Tailwind CSS，Albly，Redis，Cloudinary，Drapizzle Orm，Next.js構建的聊天應用程序。

該存儲庫是一個monorepo（turborepo）。

特徵

• 創建，更新，刪除聊天組
• 發送，更新，刪除消息
• MARKDOWN（GFM，支持表），代碼突出顯示，消息中的乳膠
• 參考消息
• 消息嵌入（顯示消息中鏈接的開放圖）數據）
• 通過消息發送圖像/文件，圖像縮放
• 與任何人的直接消息
• 查看與踢小組成員
• 自定義情緒
• 通過邀請代碼或URL邀請小組成員
• 上傳用戶頭像，組橫幅和圖標圖像
• 在收到新消息時顯示通知
• AI驅動的消息作家
• 內置的AI聊天機器人（由Inworld提供支持）
• 刪除帳戶
• 淺色模式
• 100％打字稿

玩： https：//shark-chat.vercel.app
了解更多信息： https：//shark-chat.vercel.app/info

在當地玩

鯊魚聊天與許多第三方服務集成在一起，以支持廣泛的功能，並在無服務器環境上完美工作。

因此，您必須為每種服務註冊一個帳戶，以便在本地播放該項目之前正確設置項目。請在.env.example中填充所有環境變量。

升級

在他們的網站上創建一個redis數據庫，並從控制台中獲取REDIS_URL ， REDIS_TOKEN 。

實時

在https://aby.com上創建一個新項目，將paste ABLY_API_KEY粘貼到環境變量中。

資料庫

默認情況下，它將毛毛毛部與霓虹燈無服務器posttresql用於數據庫。如果願意，您可以使用其他提供商。

創建一個poptresql數據庫並獲取您的DATABASE_URL 。

雲

在https://cloudinary.com上創建一個新項目，複製雲名稱，鍵和API Secret。

下一個auth

填寫NEXTAUTH_URL和NEXTAUTH_SECRET ，閱讀其文檔以獲取更多詳細信息。

目前，僅支持Github Oauth。遵循本指南，在GitHub上設置OAuth應用程序，使用GITHUB_SECRET生成GITHUB_ID 。

開發模式

運行pnpm run dev和編輯文件以查看更改。

從源構建

該項目使用TurborePo和PNPM。

pnpm run build

它應該能夠在Vercel或任何其他平台上部署。