Feature: meta description setting (#4513)

gethomepage · Dec 29, 2024 · a158866 · a158866
1 parent 4f27ffb
commit a158866
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/docs/configs/settings.md b/docs/configs/settings.md
@@ -13,6 +13,14 @@ You can customize the title of the page if you'd like.
 title: My Awesome Homepage
 ```
 
+## Description
+
+You can customize the description of the page if you'd like.
+
+```yaml
+description: A description of my awesome homepage
+```
+
 ## Start URL
 
 You can customize the start_url as required for installable apps. The default is "/".

diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
@@ -4,10 +4,6 @@ export default function Document() {
   return (
     <Html>
       <Head>
-        <meta
-          name="description"
-          content="A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations."
-        />
         <meta name="mobile-web-app-capable" content="yes" />
         <link rel="manifest" href="/site.webmanifest?v=4" crossOrigin="use-credentials" />
         <link rel="preload" href="/api/config/custom.css" as="style" />

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
@@ -359,6 +359,13 @@ function Home({ initialSettings }) {
     <>
       <Head>
         <title>{initialSettings.title || "Homepage"}</title>
+        <meta
+          name="description"
+          content={
+            initialSettings.description ||
+            "A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations."
+          }
+        />
         {settings.base && <base href={settings.base} />}
         {settings.favicon ? (
           <>