Share StreamElements Overlays

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

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