What is it ?

An Animleon alternative that aims to overcome all animelon's inconvenients

Why ?

Animelon doesn’t provide all animes by default, and its entries are rarely updated, making it difficult for learners who want to watch modern anime with subtitles. That’s why I decided to create this website—to offer the latest animes with subtitles, along with real-time Japanese subtitle definitions, providing a more feature-rich alternative.

Roadmap

Note

This project is still in its early stages so a lot of crucial stuff are yet to be implemented for this project to be called a usable alternative

• Search/Filtering system
• Watch functionality
• Subtitles panel
• Sync video subtitles with the panel subtitles
• Support for all japanese writing system
• Video chapters/timestamps
• Skip chapters/timestamps button
• Providers selector
• Interactive video subtitles
• Allow using local subtitles
• Defintion on hover functionality
• ass/vtt support
• Authentication integration through anilist
• Anki integration
• User friendly/Modern UI

Self-Hosting

Warning

This application is still in a very early stage, and it is not advised to use it as of now, Since you are likely to face bugs

Clone the Repository

git clone https://github.com/ywyher/better-melon ./better-melon
cd ./better-melon

Install Dependencies

Use either pnpm or npm:

pnpm i  # or npm i

Run Required Services

Using Docker Compose

Run the following command to start the required services:

docker compose -f docker.yaml up -d

Running Manually

If you prefer to run the services manually, use the following commands:

docker run -d \
  --name=consumet-api \
  -p 6969:3000 \
  --restart unless-stopped \
  riimuru/consumet-api

docker run -d \
  --name=m3u8-proxy \
  -p 8080:8080 \
  --restart unless-stopped \
  dovakiin0/m3u8-proxy

For more details on hosting the Consumet API on other platforms, refer to the official repo GitHub repository.

Register for Jimaku API (free)

Create an account on Jimaku.cc and generate an API token through the profile page.

Configure Environment Variables

Create a .env file in the root directory and fill the following:

NEXT_PUBLIC_CONSUMET_URL=
NEXT_PUBLIC_PROXY_URL=
JIMAKU_KEY=

it should look something like this

NEXT_PUBLIC_CONSUMET_URL=http://localhost:6969
NEXT_PUBLIC_PROXY_URL=http://localhost:8080/m3u8-proxy
JIMAKU_KEY=AAAAAasndaund9uhWIJHUSDAIDJamsdkoanmdIAUN

Start the Application

pnpm run dev  # or npm run dev

Credit

• Anilist -> Used to fetch anime data
• Consument -> Used to fetch anime streaming data
• Jimaku -> Used to fetch japanese subtitles
• ywyh (Me) – for being goated