.. | ||
dev/scripts | ||
public | ||
src | ||
src-pwa | ||
static | ||
test/vitest | ||
.dockerignore | ||
.editorconfig | ||
.eslintignore | ||
.eslintrc.cjs | ||
.gitignore | ||
.nvmrc | ||
.postcssrc.cjs | ||
.stylintrc | ||
babel.config.cjs | ||
Dockerfile | ||
embed.go | ||
index.html | ||
jsconfig.json | ||
package.json | ||
postcss.config.cjs | ||
quasar.conf.js | ||
quasar.extensions.json | ||
readme.md | ||
vitest.config.mjs | ||
yarn.lock |
Traefik Web UI
Access to Traefik Web UI, ex: http://localhost:8080
Interface
Traefik Web UI provide 2 types of information:
- Providers with their backends and frontends information.
- Health of the web server.
How to build (for backend developer)
Use the make file :
make build-image # Generate Docker image.
make clean-webui generate-webui # Generate static contents in `webui/static/` folder.
How to build (only for frontend developer)
-
prerequisite: Node 20.14+ Yarn 1.22.22
-
Go to the
webui/
directory -
To install dependencies, execute the following commands:
yarn install
-
Build static Web UI, execute the following command:
yarn build
-
Static contents are built in the
webui/static/
directory
Do not manually change the files in the webui/static/
directory
- The build allows to:
- optimize all JavaScript
- optimize all CSS
- add vendor prefixes to CSS (cross-browser support)
- add a hash in the file names to prevent browser cache problems
- optimize all images at build time
- bundle JavaScript in one file
How to edit (only for frontend developer)
Do not manually change the files in the webui/static/
directory
- Go to the
webui/
directory - Edit files in
webui/src/
- Run in development mode :
yarn dev