diff --git a/_data/exposed_services.js b/_data/exposed_services.js
new file mode 100644
index 0000000..a4e3a61
--- /dev/null
+++ b/_data/exposed_services.js
@@ -0,0 +1,26 @@
+export default function () {
+  const domain = process.env.domain_name || "xunuwu.xyz";
+
+  return [
+    {
+      name: "forgejo",
+      link: `https://git.${domain}`,
+    },
+    {
+      name: "navidrome",
+      link: `https://navidrome.${domain}`,
+    },
+    {
+      name: "audiobookshelf",
+      link: `https://abs.${domain}`,
+    },
+    {
+      name: "vaultwarden",
+      link: `https://vw.${domain}`,
+    },
+    {
+      name: "miniflux",
+      link: `https://rss.${domain}`,
+    },
+  ];
+}
diff --git a/default.nix b/default.nix
index bd61cd1..8d0dec3 100644
--- a/default.nix
+++ b/default.nix
@@ -1,4 +1,7 @@
-{buildNpmPackage}:
+{
+  buildNpmPackage,
+  domain_name ? "xunuwu.xyz",
+}:
 buildNpmPackage {
   name = "xunuwu.xyz";
   src = ./.;
@@ -6,7 +9,7 @@ buildNpmPackage {
   npmDepsHash = "sha256-FCUCpHoji01RR1XhodVtyrYUWY96r+uSp0uhtBR/JD0=";
 
   buildPhase = ''
-    npx @11ty/eleventy
+    DOMAIN_NAME="${domain_name}" npx @11ty/eleventy
   '';
 
   installPhase = ''
diff --git a/index.html b/index.html
index 61b269f..1c5432c 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,14 @@
                  {% endfor %}
               </ul>
            </section>
+           <section>
+              <h2>services</h2>
+              <ul>
+                 {% for item in exposed_services %}
+                  <li><a href="{{ item.link }}" target="_blank" {% if item.handle %} title="{{ item.handle }}" {% endif %} rel="noopener noreferrer">{{ item.name }}</a></li>
+                 {% endfor %}
+              </ul>
+           </section>
         </div>
      </main>
   </body>