{"id":21323501,"url":"https://github.com/nayak-nirmalya/twitch-clone","last_synced_at":"2025-10-26T11:15:26.885Z","repository":{"id":212425311,"uuid":"731177180","full_name":"nayak-nirmalya/twitch-clone","owner":"nayak-nirmalya","description":"FullStack Twitch Clone: Next.js 14, Livestreaming, React, Prisma, Stripe, Tailwind, MySQL \u0026 TypeScript.","archived":false,"fork":false,"pushed_at":"2024-01-15T14:08:59.000Z","size":321,"stargazers_count":17,"open_issues_count":0,"forks_count":11,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-14T23:09:29.427Z","etag":null,"topics":["mysql","nextjs14","planetscale","prisma-orm","reactjs","server-action","ssr","tailwindcss","typescript","uploadthing"],"latest_commit_sha":null,"homepage":"https://twitch-clone-orcin.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nayak-nirmalya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-13T14:16:32.000Z","updated_at":"2025-04-09T10:27:59.000Z","dependencies_parsed_at":"2024-01-15T16:00:54.949Z","dependency_job_id":"fce5029e-d3ae-4a64-b286-6c9587a1c873","html_url":"https://github.com/nayak-nirmalya/twitch-clone","commit_stats":null,"previous_names":["nayak-nirmalya/twitch-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nayak-nirmalya%2Ftwitch-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nayak-nirmalya%2Ftwitch-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nayak-nirmalya%2Ftwitch-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nayak-nirmalya%2Ftwitch-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nayak-nirmalya","download_url":"https://codeload.github.com/nayak-nirmalya/twitch-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248975315,"owners_count":21192210,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mysql","nextjs14","planetscale","prisma-orm","reactjs","server-action","ssr","tailwindcss","typescript","uploadthing"],"created_at":"2024-11-21T20:24:21.486Z","updated_at":"2025-10-26T11:15:21.846Z","avatar_url":"https://github.com/nayak-nirmalya.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FullStack Twitch Clone: Next.js 14, Livestreaming, React, Prisma, Stripe, Tailwind, MySQL \u0026 TypeScript\n\nCredits: [Antonio Erdeljac](https://github.com/AntonioErdeljac)\n\nKey Features:\n\n- 📡 Streaming using RTMP / WHIP protocols\n- 🌐 Generating ingress\n- 🔗 Connecting Next.js app to OBS\n- 🔐 Authentication\n- 📸 Thumbnail upload with Uploadthing\n- 👀 Live viewer count\n- 🚦 Live statuses\n- 💬 Real-time chat using sockets\n- 🎨 Unique color for each viewer in chat\n- 👥 Following system\n- 🚫 Blocking system\n- 👢 Kicking participants from a stream in real-time\n- 🎛️ Streamer / Creator Dashboard\n- 🐢 Slow chat mode\n- 🔒 Followers only chat mode\n- 📴 Enable / Disable chat\n- 🔽 Collapsible layout (hide sidebars, chat etc, theatre mode etc.)\n- 📚 Sidebar following \u0026 recommendations tab\n- 🏠 Home page recommending streams, sorted by live first\n- 🔍 Search results page with a different layout\n- 🔄 Syncing user information to our DB using Webhooks\n- 📡 Syncing live status information to our DB using Webhooks\n- 🤝 Community tab\n- 🎨 Beautiful design\n- ⚡ Blazing fast application\n- 📄 SSR (Server-Side Rendering)\n- 🗺️ Grouped routes \u0026 layouts\n- 🗃️ MySQL DB with PlanetScale\n\n### Prerequisites\n\n**Node version 18.17 or later**\n\n### Cloning the Repository\n\n```shell\ngit clone https://github.com/nayak-nirmalya/twitch-clone.git\n```\n\n### Install Packages\n\n```shell\nnpm i\n```\n\n### Setup .env File\n\n```js\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=\nCLERK_SECRET_KEY=\nNEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in\nNEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up\nNEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/\nNEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/\nCLERK_WEBHOOK_SECRET=\n\nDATABASE_URL=\n\nLIVEKIT_API_URL=\nLIVEKIT_API_KEY=\nLIVEKIT_API_SECRET=\nNEXT_PUBLIC_LIVEKIT_WS_URL=\n\nUPLOADTHING_SECRET=\nUPLOADTHING_APP_ID=\n```\n\n### Setup Prisma\n\nAdd Database URL (PlanetScale/MySQL)\n\n```shell\nnpx prisma generate\nnpx prisma db push\n```\n\n### Start the App\n\n```shell\nnpm run dev\n```\n\n## Available Commands\n\nRunning commands with npm `npm run [command]`\n\n| command | description                              |\n| :------ | :--------------------------------------- |\n| `dev`   | Starts a development instance of the app |\n| `lint`  | Run typescript lint check with eslint    |\n| `build` | Start building app for deployment        |\n| `start` | Run build version of app                 |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnayak-nirmalya%2Ftwitch-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnayak-nirmalya%2Ftwitch-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnayak-nirmalya%2Ftwitch-clone/lists"}