shark chat js

상어 채팅

TRPC, Tailwind CSS, Ably, Redis, Cloudinary, Drizzle Orm, Next.js로 구축 된 채팅 앱

이 저장소는 Monorepo (Turborepo)입니다.

특징

• 채팅 그룹 생성, 업데이트, 삭제
• 메시지 보내기, 업데이트, 메시지 삭제
• Markdown (GFM, 테이블 지원), 코드 강조 표시, 라텍스의 메시지
• 참조 메시지
• 메시지 임베드 (메시지에있는 링크의 개방형 데이터 표시)
• 메시지, 이미지 축소를 통해 이미지/파일을 보내십시오
• 누구와도 직접 메시지
• 보기 및 킥 그룹 멤버
• 맞춤 감정
• 초대 코드 또는 URL을 통해 그룹 멤버를 초대하십시오
• 사용자 아바타, 그룹 배너 및 아이콘 이미지를 업로드하십시오
• 새 메시지를 받았을 때 알림을 표시하십시오
• AI 기반 메시지 작성자
• 내장 AI Chatbot (Inworld에 의해 구동)
• 계정 삭제
• 빛과 어두운 모드
• 100% 타입 스크립트

그것과 함께 연주하십시오 : https://shark-chat.vercel.app
자세한 내용 : https://shark-chat.vercel.app/info

로컬로 플레이하십시오

Shark Chat은 광범위한 기능을 지원하고 서버리스 환경에서 완벽하게 작동하기 위해 많은 타사 서비스와 통합되었습니다.

따라서 프로젝트를 현지에서 작업하기 전에 프로젝트를 올바르게 설정하려면 각 서비스에 대한 계정을 등록해야합니다. .env.example의 모든 환경 변수를 채우십시오.

위시

웹 사이트에서 Redis 데이터베이스를 만들고 콘솔에서 REDIS_URL , REDIS_TOKEN 얻습니다.

실시간

https://iple.com에서 새 프로젝트를 작성하고 ABLY_API_KEY 환경 변수에 붙여 넣습니다.

데이터 베이스

기본적으로 데이터베이스에는 Neon Serverless PostresQL과 함께 Drizzle ORM을 사용합니다. 원하는 경우 다른 제공 업체를 사용할 수 있습니다.

postresql 데이터베이스를 만들고 DATABASE_URL 얻습니다.

구름

https://cloudinary.com에서 새 프로젝트를 만들고 클라우드 이름, 키 및 API 비밀을 복사하십시오.

다음 인증

NEXTAUTH_URL 과 NEXTAUTH_SECRET 채우고 자세한 내용은 문서를 읽으십시오.

현재 Github Oauth 만 지원됩니다. 이 안내서를 따라 github에서 Oauth 앱을 설정하고 GITHUB_SECRET 로 GITHUB_ID 생성하십시오.

개발 모드

pnpm run dev 하고 파일을 편집하여 변경 사항을 확인하십시오.

소스에서 빌드하십시오

이 프로젝트는 Turborepo 및 PNPM을 사용합니다.

pnpm run build

Vercel 또는 다른 플랫폼에 배포 할 수 있어야합니다.