KV-Tube

A modern, fast, and fully-featured YouTube-like video streaming platform. Built with a robust Go backend and a highly responsive Next.js frontend, KV-Tube is designed for seamless deployment on systems like Synology NAS via Docker.

Features

• Modern Video Player: High-resolution video playback with HLS support and quality selection.
• Fast Navigation: Instant click feedback with skeleton loaders for related videos.
• Infinite Scrolling: Scroll seamlessly through a dynamic video grid on the homepage.
• Watch History & Suggestions: Keep track of what you've watched seamlessly! Fully integrated library history tracking.
• Subscriptions Management: Keep up to date with seamless subscription updates for YouTube channels.
• Optimized for Safari: Stutter-free playback algorithms and high-tolerance Hls.js configurations tailored for macOS users.
• Background Audio: Allows videos to continue playing audio when the browser tab is hidden or device locked (perfect for music).
• Progressive Web App: Fully installable PWA out of the box with offline fallbacks and custom vector iconography.
• Region Selection: Tailor your content to specific regions (e.g., Vietnam).
• Responsive Design: Beautiful, mobile-friendly interface with light and dark theme support.
• Containerized: Fully Dockerized for easy setup using docker-compose.

Architecture

• Backend & Frontend: Go (Gin framework) and Next.js are combined into a single unified Docker container using a multi-stage Dockerfile.
• Process Management: supervisord manages the concurrent execution of the backend API and Next.js frontend within the same network namespace.
• Data storage: SQLite is used for watch history, optimized for linux/amd64.

Docker Deployment (v5)

Quick Start

1. Clone or download this repository
2. Create a data folder in the project directory
3. Run the container:

docker-compose up -d

Building the Image

To build the image locally:

docker build -t git.khoavo.myds.me/vndangkhoa/kv-tube:v5 .

To build and push to your registry:

docker build -t git.khoavo.myds.me/vndangkhoa/kv-tube:v5 .
docker push git.khoavo.myds.me/vndangkhoa/kv-tube:v5

Deployment on Synology NAS

We recommend using Container Manager (DSM 7.2+) or Docker (DSM 6/7.1) for a robust and easily manageable deployment.

1. Prerequisites

• Container Manager or Docker package installed from Package Center.
• Ensure ports 5011 (frontend) and 8981 (backend API) are available on your NAS.
• Create a folder named kv-tube in your docker shared folder (e.g., /volume1/docker/kv-tube).

2. Using Container Manager (Recommended)

1. Open Container Manager > Project > Create.
2. Set a Project Name (e.g., kv-tube).
3. Set Path to /volume1/docker/kv-tube.
4. Source: Select Create docker-compose.yml and paste the following:

version: '3.8'

services:
  kv-tube:
    image: git.khoavo.myds.me/vndangkhoa/kv-tube:v5
    container_name: kv-tube
    platform: linux/amd64
    restart: unless-stopped
    ports:
      - "5011:3000"
      - "8981:8080"
    volumes:
      - ./data:/app/data
    environment:
      - KVTUBE_DATA_DIR=/app/data
      - GIN_MODE=release
      - NODE_ENV=production
      - NEXT_PUBLIC_API_URL=http://127.0.0.1:8080

5. Click Next until the end and Done. The container will build and start automatically.

3. Accessing the App

The application will be accessible at:

• Frontend: http://<your-nas-ip>:5011
• Backend API: http://<your-nas-ip>:8981
• Mobile Users: Add to Home Screen via Safari for the full PWA experience with background playback.

4. Volume Permissions (If Needed)

If you encounter permission issues with the data folder, SSH into your NAS and run:

# Create the data folder with proper permissions
sudo mkdir -p /volume1/docker/kv-tube/data
sudo chmod 755 /volume1/docker/kv-tube/data

5. Updating the Container

To update to a new version:

# Pull the latest image
docker pull git.khoavo.myds.me/vndangkhoa/kv-tube:v5

# Restart the container
docker-compose down && docker-compose up -d

Or use Container Manager's built-in image update feature.

6. Troubleshooting

• Container won't start: Check logs via Container Manager or docker logs kv-tube
• Port conflicts: Ensure ports 5011 and 8080 are not used by other services
• Permission denied: Check the data folder permissions on your NAS
• Slow playback: Try lowering video quality or ensure sufficient network bandwidth

Development

• Frontend builds can be started in frontend/ via npm run dev.
• Backend server starts in backend/ via go run main.go.