Added image, description, site name metadata

assets/config/config.yml.example

@@ -1,6 +1,7 @@
 name: "Nikurasu"                                # The name on the linktree
 # summaryText: 'A simple sample text'           # A short summary for what you do, will appear if uncommened
 # profilePic:                                   # uncomment and set this if your profile pic has a custom name
+siteName: 'NikuHost'                            # Name of the site visible in embeds, used for Link previews
 roundPB: false                                  # Set true if you want a round profile picture
 theme: '98'                                     # Your theme
 links:                                          # the links to your social accounts

dev/docker/stacks/dev/docker-entrypoint.sh

@@ -1,3 +1,4 @@
 cd /app
 yarn
+yarn build
 yarn dev

src/index.js

@@ -29,7 +29,9 @@ app.get('/', (req, res) => {
         smallLinks: config.smallLinks,
         theme: config.theme,
         roundPB: config.roundPB,
-        customMainPartialThemes: customMainPartialThemes
+        customMainPartialThemes: customMainPartialThemes,
+        metaDescription: config.summaryText ? config.summaryText: config.links.map(link => link.text).join(' | '),
+        siteName: config.siteName ? config.siteName : "SocialTree"
     })
 })
 

src/views/partials/head.ejs

@@ -10,4 +10,8 @@
     <% if(roundPB) { %>
         <link rel="stylesheet" href="style/round-pb.css">
     <% } %>
+    <title><%= name %> - SocialTree</title>
+    <meta property="og:image" content="img/<%= filenameProfilePic %>">
+    <meta property="description" content="<%= metaDescription %>">
+    <meta property="og:site_name" content="<%= siteName %>">
 </head>