https://github.com/dha-stix/stream-lms
A Social Learning Platform built with Next.js, Supabase, and Stream
https://github.com/dha-stix/stream-lms
nextjs nextjs15 react reactjs stream supabase
Last synced: 3 months ago
JSON representation
A Social Learning Platform built with Next.js, Supabase, and Stream
- Host: GitHub
- URL: https://github.com/dha-stix/stream-lms
- Owner: dha-stix
- Created: 2025-02-22T11:57:23.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T18:33:16.000Z (11 months ago)
- Last Synced: 2025-06-11T05:40:14.546Z (7 months ago)
- Topics: nextjs, nextjs15, react, reactjs, stream, supabase
- Language: TypeScript
- Homepage: http://localhost:3000
- Size: 132 KB
- Stars: 20
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Stream Social LMS using Supabase, Stream Chat, and Audio & Video SDK
- [FreeCodeCamp Article explaining the project](https://www.freecodecamp.org/news/how-to-build-a-social-learning-platform-using-nextjs-stream-and-supabase/)
## Getting Started
- Clone the GitHub repository
- Run `npm install` to install the project dependencies
- Set up Supabase and copy the following credentials into the `.env.local` file
```env
NEXT_PUBLIC_SUPABASE_ANON_KEY=
NEXT_PUBLIC_SUPABASE_URL=
STORAGE_URL=https:///storage/v1/object/public/
```
- Add your Stream keys into the file also:
```env
NEXT_PUBLIC_STREAM_API_KEY=
STREAM_SECRET_KEY=
NEXT_PUBLIC_PAGE_URL=http://localhost:3000
NEXT_PUBLIC_STREAM_CHANNEL_IMAGE_URL=https://api.dicebear.com/9.x/pixel-art/svg?seed=
```
- Ensure you set up the Supabase tables and their access policies, and the Supabase storage (`headshots`) for the instructors.
- Run `npm run dev` to start the local development server.
## Tools
- [ShadCn UI](https://ui.shadcn.com/docs/installation)
- [Supabase Authentication & Database](https://supabase.com/docs/guides/auth/server-side/nextjs)
- [Stream Chat SDK](https://getstream.io/chat/docs/sdk/react/)
- [Stream Video & Audio SDK](https://getstream.io/video/docs/react/)