Taro

An open-source Anime streaming site built with Nextjs 14

About the Project

Experience uninterrupted, ad-free streaming with seamless progress tracking thanks to AniList integration, powered by the Consumet API. Our platform, built using Next.js 14, Nextui, MongoDB, and Redis, ensures a smooth and enjoyable user experience.

✨ Features

• Search: Get a list of all animes and mangas you want using filters.
• Watch: Stream any available episode, whether dubbed or subbed.
• Comment: Share your thoughts on episodes or provide helpful information for others.
• Log In: Sign in with your AniList account (note: some restrictions may apply).
• AniList Integration: Seamlessly sync your AniList account to carry over settings and animes.
• Keep Watching: Resume episodes from where you left off with local tracking.
• Track Your Favorites: Organize your animes and mangas into Completed, Dropped, Planning, and more.
• Episode Tracking: Mark episodes you've watched and pick up where you left off.
• Effortless Search: Quickly search for any anime with ease.
• Modern Video Player: Enjoy a sleek and up-to-date video player experience.
• Fully Responsive: Access and enjoy your content on all devices.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

# Base URL for your application
NEXT_PUBLIC_URL=http://localhost:3000
# Replace with your website URL if deployed, otherwise keep localhost with your port.
# Ensure there is no trailing slash ("/") at the end.

# Consumet API URL
NEXT_PUBLIC_CONSUMET_URL=
# Add the URL for your Consumet API here. This is required for your website to function correctly.

# AniList API Configuration
GRAPHQL_ENDPOINT=https://graphql.anilist.co
ANILIST_CLIENT_ID=
# Obtain your AniList Client ID from: https://anilist.co/settings/developer
ANILIST_CLIENT_SECRET=
# Obtain your AniList Client Secret from: https://anilist.co/settings/developer

# NextAuth Configuration
NEXTAUTH_SECRET=
# Generate a secret for NextAuth using the following command:
# openssl rand -base64 32
# Paste the result here.

NEXTAUTH_URL=http://localhost:3000
# Replace with your website URL if deployed, otherwise keep localhost with your port.
# Ensure there is no trailing slash ("/") at the end.

# MongoDB Connection URI
MONGODB_URI=
# Provide your MongoDB connection string here.

# Node Environment
NODE_ENV=production
# Set the environment for Node.js. Typical values are "development" or "production".

📚: Tecnologies Used

Front-end:

• Next.js
• Javascript
• Axios
• Context API
• react-icons
• GraphQL
• Framer Motion
• React Progress Bar
• Anilist API
• Consumet API
• Redis IO
• Disqus
• Artplayer

Back-End:

• Mongoose
• Next.js (API) Route Handler

Run Locally

Clone the project

  git clone https://github.com/Amritanshu312/Taro.git

Go to the project directory

  cd taro

Install dependencies

  npm install

Start the server

  npm run dev

📷 Preview/Screenshots

Home

---

Watch Page

---

Catalog Page

---

Profile Page

---

Statistics Page

---

404 Page