Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darshit02/strimly
Tired of clunky interfaces and limited features? Unleash the power of Strimly! Our open-source platform offers a seamless and customizable streaming experience, empowering creators and viewers alike.
https://github.com/darshit02/strimly
Last synced: about 2 months ago
JSON representation
Tired of clunky interfaces and limited features? Unleash the power of Strimly! Our open-source platform offers a seamless and customizable streaming experience, empowering creators and viewers alike.
- Host: GitHub
- URL: https://github.com/darshit02/strimly
- Owner: Darshit02
- Created: 2023-12-15T15:46:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-16T04:03:08.000Z (about 1 year ago)
- Last Synced: 2024-05-17T20:19:43.045Z (8 months ago)
- Language: TypeScript
- Homepage: https://strimly.vercel.app
- Size: 196 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a repository for Fullstack Streaming website: Next.js 14, Livestreaming, React, Prisma, Stripe, Tailwind, MySQL;
Key Features:
- 📡 Streaming using RTMP / WHIP protocols
- 🌐 Generating ingress
- 🔗 Connecting Next.js app to OBS / Your favorite streaming software
- 🔐 Authentication
- 📸 Thumbnail upload
- 👀 Live viewer count
- 🚦 Live statuses
- 💬 Real-time chat using sockets
- 🎨 Unique color for each viewer in chat
- 👥 Following system
- 🚫 Blocking system
- 👢 Kicking participants from a stream in real-time
- 🎛️ Streamer / Creator Dashboard
- 🐢 Slow chat mode
- 🔒 Followers only chat mode
- 📴 Enable / Disable chat
- 🔽 Collapsible layout (hide sidebars, chat etc, theatre mode etc.)
- 📚 Sidebar following & recommendations tab
- 🏠 Home page recommending streams, sorted by live first
- 🔍 Search results page with a different layout
- 🔄 Syncing user information to our DB using Webhooks
- 📡 Syncing live status information to our DB using Webhooks
- 🤝 Community tab
- 🎨 Beautiful design
- ⚡ Blazing fast application
- 📄 SSR (Server-Side Rendering)
- 🗺️ Grouped routes & layouts
- 🗃️ MySQL
- 🚀 Deployment
### Prerequisites
**Node version 18.17 or later**
### Cloning the repository
```shell
git clone https://github.com/Darshit02/strimly.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
CLERK_WEBHOOK_SECRET=
DATABASE_URL=
LIVEKIT_API_URL=
LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_WS_URL=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
```
### Setup Prisma
Add MySQL Database (I used PlanetScale)
```shell
npx prisma generate
npx prisma db push
```
### Start the app
```shell
npm run dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :-------------- | :--------------------------------------- |
| `dev` | Starts a development instance of the app |