Frontend

By default, the Nextcloud server repository ships with the frontend already built for production. For development purposes, you may want to rebuild it in development mode. This allows you, for example, to inspect server components using the Vue Devtools browser extension.

Building server for development

To rebuild the frontend in development mode:

Access the Nextcloud container:

docker compose exec -u www-data nextcloud bash

Go to the root folder of the Nextcloud server:
```
cd /var/www/html
```
Install dependencies and build in dev mode:
```
npm ci && npm run dev
```

Reverting the server build

If you build the frontend in development mode, you must revert the changes before pulling new updates from the Nextcloud master branch. Otherwise, you may run into conflicts.

To revert the build:

Exit the container.
From your host machine, go to the Nextcloud server root folder.
Remove the dist folder and restore it from Git:
```
rm -rf dist
git checkout -- dist
```

After pulling the latest changes, you can rebuild the frontend in development mode again if needed.