Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

README

        


Anirohi – an open-source streaming site built with Nextjs 14 app router

Anirohi



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





Star History Chart