Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sgbj/streamelements-overlays
Share StreamElements overlays with your friends
https://github.com/sgbj/streamelements-overlays
next-auth nextjs prisma shadcn-ui streamelements tailwindcss twitch
Last synced: 6 days ago
JSON representation
Share StreamElements overlays with your friends
- Host: GitHub
- URL: https://github.com/sgbj/streamelements-overlays
- Owner: sgbj
- Created: 2023-10-06T22:56:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-20T23:51:57.000Z (8 months ago)
- Last Synced: 2024-11-09T15:07:45.093Z (2 months ago)
- Topics: next-auth, nextjs, prisma, shadcn-ui, streamelements, tailwindcss, twitch
- Language: TypeScript
- Homepage: https://overlays.batary.dev
- Size: 107 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
git clone https://github.com/sgbj/streamelements-overlays.git
```
### Install dependencies
```bash
npm install
```
### Setup .env file
```env
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
```bash
npx prisma generate
npx prisma db push
```
### Start the app
```bash
npm run dev
```