Welcome to my static website.
``` * * * ### 3. Mount the HTML Directory into Traefik Update your `docker-compose.yml` for Traefik: ```yaml volumes: - ./public_html:/var/www/html:ro ``` Restart Traefik: ```bash docker compose restart traefik ``` Verify: ```bash docker inspect traefik --format '{{ json .Mounts }}' | jq ``` Or shell in: ```bash docker exec -it traefik sh ls /var/www/html ``` > 📷 **Screenshot showing inspect results:** > >  * * * ### 4. Configure the Middleware Template If not already configured, add to `middleware-manager/templates.yml`: ```yaml - id: "statiq" name: "statiq" type: "plugin" config: statiq: enableDirectoryListing: "false" indexFiles: - "index.html" - "index.htm" root: "/var/www/html" spaIndex: "index.html" spaMode: "false" ``` Restart Middleware Manager: ```bash docker compose restart middleware-manager ``` Or manually add the middleware via the UI: - Click “Create Middleware” - Choose “Traefik plugin” - Paste in: ```json { "statiq": { "enableDirectoryListing": false, "indexFiles": ["index.html", "index.htm"], "root": "/var/www/html", "spaIndex": "index.html", "spaMode": false } } ``` * * * ### 5. Create a Pangolin Resource for Your Static Domain In Pangolin: - Create a **Local Resource** - Name: `static-site` - Domain: `static.yourdomain.com` - Leave Target blank > 📷 **Screenshot of adding local resource with no target:** > >  * * * ### 6. Define a Custom Service In Middleware Manager \> **Services** tab: - Create a new service called `statiq-service` with: ```json { "servers": [ { "url": "noop@internal" } ] } ``` > 📷 **Screenshot showing creation of the statiq using `noop@internal` service:** > >  * * * ### 7. Attach Middleware and Service In Middleware Manager \> **Resources** : - Select your static site resource - Under **Service** , select `statiq-service` - Under **Middleware** , select `statiq` > 📷 **Screenshot showing adding custom service and middleware to resource:** * * *  ### 8. Test Your Setup Visit: ```auto https://static.yourdomain.com ``` You should see the HTML page you created in `index.html`. > 📷 **Screenshot showing the static HTML page loading in browser:** > >  * * * ### 🚫 Important Note: Protecting Static Pages with Authentication By default, if `statiq` is the first middleware, the resource is not protected by Pangolin’s authentication (e.g., `badger`). You may see that the `resources_override.yml` file looks like this: ```yaml 25-router-auth-auth: entryPoints: - websecure middlewares: - statiq@file - badger@http rule: "Host(`static.yourdomain.com`)" service: "95d5c7328f069629@file" tls: certResolver: "letsencrypt" ``` To enforce auth, **manually reverse the order** : ```yaml middlewares: - badger@http - statiq@file ``` > 📅 Note: This change might be overwritten by updates in Middleware Manager. * * * ## ✅ Summary You now have a clean, powerful way to serve a static homepage (or app, or docs site!) using **Statiq** in combination with Pangolin and Middleware Manager. This approach keeps everything inside your Traefik ecosystem and leverages the flexibility of plugins. * * * ## 🙏 Thanks for Reading! We hope you found this guide useful! Statiq is just one of many ways to extend your reverse proxy with Middleware Manager’s Plugin Hub. Explore more plugins or contribute your own! If you found this useful please star our plugin on the [Traefik Plugin Hub](https://plugins.traefik.io/plugins/682ca71e5cf75d3c3d216b24/statiq). Happy hosting! 🌐