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
Node version 18.17 or later
git clone https://github.com/Darshit02/strimly.git
npm i
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=
Add MySQL Database (I used PlanetScale)
npx prisma generate
npx prisma db push
npm run dev
Running commands with npm npm run [command]
command | description |
---|---|
dev |
Starts a development instance of the app |