AniTeams

KO | EN

gitlite — search

#python #javascript #rust #linux #nodejs #nextjs #tutorial #reactjs #deep-learning #blog #python3 #html5

★ 70 Open GitHub ↗

A mordern anime streaming website made with nextjs and tailwind css. repo has been moved here https://github.com/aniteams/AniTeams

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Logo](https://raw.githubusercontent.com/anime-kun32/AniTeams/main/public/aniteams-logo.png)

# AniTeams - Anime Streaming Website

Welcome to AniTeams verison 2 ! A modern anime streaming platform built with Next.js 15 and Tailwind CSS, featuring AniList integration, anime bookmarking, skip intro/outro functionality, and more.

## Features

- **AniList Integration**: Link your AniList account to view your saved anime .
- **Bookmarking**: Save your favorite anime from anilist 
- **Skip Intro/Outro**: Skip anime intros and outros for a smoother experience.
- **Vidstackk**: Now uses Vidstack player with features like skip intro and outro.
- **Resume watching**: A new feature implemented , allows you to resume where you last left off.
- **login and signup**: Allows you login and signup with firebase implementation , customizable avater in the account page.
  
## Repositories Used

- [hianime-mapper](https://github.com/IrfanKhan66/hianime-mapper)- For episode data 
   - [aniwatch](https://www.npmjs.com/package/aniwatch) - For streaming source 
   - [api.consumet.org](https://github.com/consumet/api.consumet.org) - For anime data

## Installation Steps

### Prerequisites

- **Node.js** (v18.0.0 or higher)
- **Yarn** (Recommended) or **npm**

### 1. Clone the Repository

```bash
git clone https://github.com/anime-kun32/AniTeams.git
cd aniteams
```

### 2. Install Dependencies

Using Yarn:

```bash
yarn install
```

Using npm:

```bash
npm install
```
### 4. make sure you fill up the env . This is required 
```.env

NEXT_PUBLIC_CONSUMET_BASE_URL=
NEXT_PUBLIC_ANILIST_CLIENT_ID=
NEXT_PUBLIC_DEPLOYMENT_URL= # your prodoction url 
NEXT_PUBLIC_HIANIME_MAPPER_URL= # https://github.com/anime-kun32/hianime-mapper

NEXT_PUBLIC_ANILIST_CLIENT_SECRET=
NODE_ENV=production
FIREBASE_SERVICE_ACCOUNT_KEY=
NEXT_PUBLIC_PLAYER= # https://github.com/anime-kun32/aniteams-player

```
The FIREBASE_SERVICE_ACCOUNT_KEY is required , get it from firebase and then compress it to a single line.If this is not available, you will encounter an error when trying to run this.

### 5. Run the Development Server

After setting up, run the development server using the following command:

Using Yarn:

```bash
yarn dev
```

Using npm:

```bash
npm run dev
```
app should now be running on `http://localhost:3000`.

## 🚀 Deploy AniTeams to Vercel

Click the button below to instantly deploy AniTeams to Vercel.

make sure you fill the required variables

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/anime-kun32/AniTeams&env=FIREBASE_API_KEY)

## Coming soon !!
- [x] sign up and registration
- [x] PWA support 
- [x] full anilist integration with anilist
- [x] Bookmark
- [x] resume watching
- [ ] new anime providers  : Animekai , animepahe.ru
- [ ] based on the name "AniTeams" , community integration , user will be able to comment on episodes and also make posts as well.
- [ ] settings page 
- [ ] And lots more !! Any more features mention in issues or make a pull request.
  
A  star ⭐ will also be appreciated.

### issues and contribution 
As always any issues or contributions you want to make list them or make a pull request.

#  Enjoy using the app and Welcome to AniTeams-v2 !!

AniTeams

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README