/streamelements-overlays

Share StreamElements overlays with your friends

Primary LanguageTypeScript

Share StreamElements Overlays

Easily share StreamElements overlays with your friends. Built with Next.js, NextAuth.js, Vercel, Prisma, and Tailwind.

Install overlay

Share and manage overlays

Features

  • 🔗 Create and manage links to share StreamElements overlays
  • 🪄 Install overlays at the click of a button
  • 🔐 Authentication using NextAuth.js and StreamElements OAuth
  • 📊 PostgreSQL database with Prisma ORM
  • ✨ Responsive UI and light/dark mode built with Tailwind and shadcn/ui
  • 🚀 Deployed using Vercel

Getting Started

Clone the repo

git clone https://github.com/sgbj/streamelements-overlays.git

Install dependencies

npm install

Setup .env file

NEXT_PUBLIC_URL=

STREAMELEMENTS_CLIENTID=
STREAMELEMENTS_CLIENTSECRET=
STREAMELEMENTS_REDIRECTURI=

NEXTAUTH_URL=
NEXTAUTH_SECRET=

POSTGRES_URL=
POSTGRES_PRISMA_URL=
POSTGRES_URL_NON_POOLING=
POSTGRES_USER=
POSTGRES_HOST=
POSTGRES_PASSWORD=
POSTGRES_DATABASE=

Setup Prisma

npx prisma generate
npx prisma db push

Start the app

npm run dev