Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/noelrohi/anirohi
Anime streaming site with Anilist OAuth. Built with Nextjs14, Drizzle, NextAuth, Shadcn-UI, Next-PWA and Tremor
https://github.com/noelrohi/anirohi
drizzle next-auth nextjs pwa shadcn-ui zod
Last synced: 15 days ago
JSON representation
Anime streaming site with Anilist OAuth. Built with Nextjs14, Drizzle, NextAuth, Shadcn-UI, Next-PWA and Tremor
- Host: GitHub
- URL: https://github.com/noelrohi/anirohi
- Owner: noelrohi
- License: mit
- Created: 2023-08-11T12:44:33.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-29T19:50:38.000Z (3 months ago)
- Last Synced: 2024-10-29T21:43:48.635Z (3 months ago)
- Topics: drizzle, next-auth, nextjs, pwa, shadcn-ui, zod
- Language: TypeScript
- Homepage: https://ani.rohi.dev
- Size: 4.69 MB
- Stars: 204
- Watchers: 3
- Forks: 21
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
An open-source anime streaming site built with Nextjs 14 app router.
Introduction ·
Run Locally ·
Tech Stack ·
Implementation ·
## Introduction
Anirohi is an open-source anime streaming site with tracking, watching, and dashboard. Built with [Nextjs](https://nextjs.org/), [Consumet](https://docs.consumet.org), [Anilist](https://anilist.gitbook.io/), and [NeonDB](https://neon.tech/).
Here are some of the features that Anirohi provides:
- [Anilist Integration](#anilist-integration)
- [OG Image](#og-image)
- [Comments](#comments)### Anilist Integration
Check your stats
![Anilist Dashboard](https://raw.githubusercontent.com/gneiru/anirohi/master/public/images/anilist-dashboard.png)
While watching authenticated, you can update your Anilist anime progress.
![Anilist Update Button](https://raw.githubusercontent.com/gneiru/anirohi/master/public/images/mark-anilist.png)
### OG Image
Share the link and see the detailed OG Image about the series or episode. Powered by [Vercel Satori](https://og-playground.vercel.app/).
![OG From Discord](https://raw.githubusercontent.com/gneiru/anirohi/master/public/images/socialshare-preview.png)
### Comments
Share your thoughts in episode
![Comment Section](https://raw.githubusercontent.com/gneiru/anirohi/master/public/images/comment-section.png)
## Run Locally
Clone the project
```bash
git clone https://github.com/gneiru/anirohi
```Go to the project directory
```bash
cd anirohi
```Install dependencies
```bash
bun install
```Start the server
```bash
bun dev
```## Tech Stack
- [Next.js](https://nextjs.org/) – framework
- [Typescript](https://www.typescriptlang.org/) – language
- [Tailwind](https://tailwindcss.com/) – CSS
- [Upstash](https://upstash.com/) – ratelimit
- [Neon](https://neon.tech/) – database
- [Drizzle](https://orm.drizzle.team/) - ORM
- [NextAuth.js](https://next-auth.js.org/) – auth
- [Vercel](https://vercel.com/) – hosting & KV## Implementation
Anirohi is built as a standard Next.js application with [Consumet](https://docs.consumet.org).
[Satori](https://og-playground.vercel.app/) is used for generating open-graph images based on Anime series and episode.
[Anilist](https://anilist.gitbook.io/) is used as the auth provider as well as for mutating user progress.
[React-player](https://www.npmjs.com/package/react-player) is used to play video sources to watch anime on.
[PostgreSQL](https://www.postgresql.org/) is used as the database for storing user data, history, and comments . You can refer to the Drizzle schema [here](/src/db/schema).## Contributing
We love our contributors! Here's how you can contribute:
- [Open an issue](https://github.com/gneiru/anirohi/issues) if you believe you've encountered a bug.
- Make a [pull request](https://github.com/gneiru/anirohi/pull) to add new features/make quality-of-life improvements/fix bugs.## Repo Activity
![Anirohi repo activity – generated by Axiom](https://repobeats.axiom.co/api/embed/da795c147fb49c098e7ab96086fadcbd2cf7e777.svg "Repobeats analytics image")
## Star History