MoviePilot-Frontend

中文 | English

Frontend project for MoviePilot, NodeJS version required: >= v20.12.1.

Features

• Modern interface built with Vue 3 and Vuetify 3
• Fast development experience with Vite build tool
• Multi-language support (Chinese/English)
• Complete plugin system with dynamic remote component loading

Development

Recommended IDE Setup

VSCode + Volar (disable Vetur).

Configure Vite

See Vite Configuration Reference.

Install Dependencies

yarn

Development Server

yarn dev

Build for Production

yarn build

Static Deployment

1. Host the dist static files using a web server like nginx. Refer to public/nginx.conf for nginx configuration.

2. Alternatively, run the service.js directly with the node command. It listens on port 3000 by default. Set the NGINX_PORT environment variable to adjust the port.

node dist/service.js

Module Federation

MoviePilot now supports Module Federation, allowing plugin developers to create dynamically loadable remote components for richer plugin user interfaces.

• Module Federation Troubleshooting Guide - Common issues and solutions
• Plugin Remote Component Example - Complete example project for developing plugin components