The one place for your designs
To enable design management, you'll need to meet the requirements. If you need help, reach out to our support team for assistance.
Detatch frontend from backend
The client and server UI are extremely similar give or take a few differences such as,
- context menus (right click)
- download queue
- local settings
- lack of authentication (client)
- Translation inconsistency
Because of this, is would be mutually beneficial to the server, client, and UI teams to do the following
- Match the Vue templates with the templates on the server so we have every template in Vue
- Add conditional rendering statements to detect the environment (client, server)
- Create a new repository to hold front end UI
- convert existing Vue to a Single-Page Application for use on both client and server
- Have the server function as a headless API that the front end interacts with
Using this, we can have a unified UI for both the client and server. You only need to change something once for it to be reflected. Caveats to this method however include
- Separate projects need to be opened when working on one feature (ex. playlist UI + playlist PHP code)
- Additional build steps must be taken (but can be achieved with the use of node. Yarn, NPM, Webpack, etc.)
- Deploying to the server requires the front end to be built as well. (can be solved by building on the dev side, and using git modules)