https://github.com/traefik/traefiklabs-header-app
This Project aims to solve the issue to have a consistent header in many sites running different frameworks.
https://github.com/traefik/traefiklabs-header-app
documentation traefik traefik-enterprise traefik-hub traefik-mesh
Last synced: about 1 year ago
JSON representation
This Project aims to solve the issue to have a consistent header in many sites running different frameworks.
- Host: GitHub
- URL: https://github.com/traefik/traefiklabs-header-app
- Owner: traefik
- Created: 2022-08-17T06:29:21.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-05-02T08:17:39.000Z (about 1 year ago)
- Last Synced: 2025-05-02T09:28:20.980Z (about 1 year ago)
- Topics: documentation, traefik, traefik-enterprise, traefik-hub, traefik-mesh
- Language: TypeScript
- Homepage:
- Size: 624 KB
- Stars: 1
- Watchers: 8
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Traefik Header App with WebComponents
This Project aims to solve the issue to have a consistent header in many sites running different frameworks.
WebComponents are a way to define a custom component that runs as any other HTML component, so it can be used in any framework or even in pure HTML files, after importing the JS file with the component definition.
For this project, it was used a React version of the Header, encapsulated in a custom component called "header-app".
Any future changes in the header must be done in this Repo, and should be automatically propagated to all pages that uses it.
## How to test
- Clone the project
- `yarn install`
- `yarn start`
Check the page that opens if the Header is properly rendered and if the latest post has been fetched.
## How to build
- `yarn install`
- `yarn build`
It will create a `build` folder with the compiled assets.
## URL
https://traefik.github.io/traefiklabs-header-app/main-v1.js
## Next steps
- Update the related repositories accordingly
- Traefik/doc: overview and each product
- Company Website
- Plugin Catalog