Home
Softono

Crunchyroll Anime Streaming

Open source TypeScript
Website GitHub
21
Stars
5
Forks
0
Issues
1
Watchers
1 year
Last Commit
E-commerce Platforms Web Development Video Streaming & Transcoding

 About Crunchyroll Anime Streaming

An ad-free anime streaming platform inspired by Crunchyroll, built using Next.js 15, Tailwind CSS, and AWS.

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Need Help Installing Crunchyroll Anime Streaming?

We provide expert installation service for this software. Our team will install, configure, and secure Crunchyroll Anime Streaming on your server. plans start at just $30.

Hire an Expert
Published by
siwachs
Visit View Profile

Crunchyroll Anime Streaming

View on GitHub

Crunchyroll Anime/Video Streaming Platform

🔗 Live Demo: Crunchyroll Anime Streaming
🔗 Reference: Crunchyroll

A high-performance anime streaming platform inspired by Crunchyroll, offering ad-free streaming, HLS video playback, efficient content management, and optimized data fetching.

🚀 About

This platform provides seamless anime streaming with a fully custom HLS-compatible player, efficient MongoDB pipelines, and high-throughput video processing. The system is designed with Next.js 15, Nest.js, Kafka, and MongoDB to ensure scalability, speed, and smooth user experience.

  • Frontend (Next.js 15) – Handles UI, data fetching, and rendering.
  • Backend (Nest.js CMS) – Manages content creation, transcoding, and API services.
  • HLS Streaming – Optimized video playback with a fully custom player.
  • Kafka & ffmpeg – Asynchronous video transcoding and media uploads.
  • MongoDB – Stores user data, content metadata, and recommendations.
  • Caching & Location-Based Recommendations – Faster loading and personalized content.

🔥 Features

  • Ad-Free Streaming – Enjoy uninterrupted anime playback.
  • HLS-Compatible Player – Fully custom HLS.js-based video player.
  • High-Performance MongoDB Pipelines – Efficient queries for fast data retrieval.
  • Location-Based Recommendations – Personalized content based on user region.
  • Concurrent Uploads & API Retry Mechanisms – Optimized throughput for media handling.
  • CMS with Nest.js – Backend manages video transcoding & content workflows.

🛠 Tech Stack

  • Frontend: Next.js 15, Tailwind CSS, HLS.js
  • Backend: Nest.js, MongoDB, Kafka, ffmpeg
  • Storage: Supabase (S3 Bucket) for media & static assets
  • Streaming: HLS (HTTP Live Streaming)
  • Processing: Kafka-powered asynchronous media transcoding & uploads

🏗 System Design Overview

  • Frontend (Next.js 15) – Handles UI rendering, API integration, and SEO optimization.
  • Backend (Nest.js CMS) – Content management, video processing, and transcoding.
  • Kafka Message Queue – Asynchronous media uploads & processing with ffmpeg.
  • MongoDB – Efficient data storage & aggregation pipelines.
  • Supabase S3 Storage – Secure static asset & media storage.

🎯 Planned Features

  • User Authentication – Secure sign-up & login.
  • User Profiles – Watchlists & personalization.
  • Enhanced Caching – Faster data fetching & performance.

📌 Status

✅ Frontend: Fully Completed
⚙️ Backend: High-Performance CMS with Video Transcoding & Uploads
🛠 Planned Features: Authentication & User Profile Management

Stay tuned for updates! 🚀