Gamitch is a Twitch clone built with Next.js, incorporating features like live streaming, chat, and user authentication. It leverages various libraries and services to provide a seamless user experience.
- Clone the repository:
git clone https://github.com/your-username/gamitch.git
- Install dependencies:
cd gamitch
npm install
- Run the development server:
npm run dev
Visit http://localhost:3000 to view your application.
Gamitch provides a sophisticated Twitch-like experience, offering users the capability to engage in live streaming, manage their audience through Clerk authentication, and tailor streaming preferences from a centralized dashboard. Follow these steps to optimize your usage of the platform:
-
Live Streaming:
- Initiate live streams effortlessly, delivering a real-time broadcasting experience to your audience.
-
User Management via Clerk:
- Seamlessly manage users through Clerk authentication, ensuring a secure and authenticated streaming environment.
-
Dashboard:
- Access a centralized dashboard for a streamlined experience.
- Customize settings, manage live stream keys compatible with software like OBS, and efficiently initiate and monitor live streams.
-
Chat Customization:
- Enhance viewer engagement by customizing chat options.
- Configure chat settings, including options for followers-only, disable chat, or enable slow mode.
-
Community Features:
- Explore the community tab on the dashboard to identify and interact with viewers.
- Manage user interactions by blocking or unblocking users as needed, providing a personalized and controlled streaming environment.
Gamitch empowers content creators with robust features, fostering a dynamic and interactive streaming experience for both broadcasters and viewers.
Make sure to set up the following environment variables:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
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=
- Next.js
- Clerk (Authentication)
- LiveKit (Live Streaming)
- Prisma (Database)
- Tailwind CSS (Styling)
- and more...
This project is licensed under the MIT License - see the LICENSE file for details.
NOTE: This app utilizes the LiveKit connection for its live streaming functionality and comes with a free trial. If you encounter any issues with the live version, consider using your own LiveKit API for a smoother experience. Refer to the LiveKit Next.js Quickstart Guide for detailed setup instructions.