swissmakers_gmbh/swiss-datashare
12
0
Fork 0
mirror of https://github.com/swissmakers/swiss-datashare.git synced 2026-04-21 06:03:13 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add Open Graph tags

Browse Source
This commit is contained in:
Elias Schneider
2022-05-05 11:22:47 +02:00
parent 5409b115e7
commit 506e6b0cab
5 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Meta.tsx
View File

@@ -1,9 +1,25 @@
import Head from "next/head";
const Meta = ({ title }: { title: string }) => {
const Meta = ({
title,
description,
}: {
title: string;
description?: string;
}) => {
return (
<Head>
{/* TODO: Doesn't work because script get only executed on client side */}
<title>{title} - Pingvin Share</title>
<meta name="og:title" content={`${title} - Pingvin Share`} />
<meta
name="og:description"
content={
description ?? "An open-source and selfhosted sharing platform."
}
/>
<meta name="twitter:title" content={`${title} - Pingvin Share`} />
<meta name="twitter:description" content={description} />
</Head>
);
};

7
src/pages/_document.tsx
View File

@@ -11,8 +11,13 @@ export default class _Document extends Document {
<Html>
<Head>
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#46509e" />
<link rel="apple-touch-icon" href="/icons/icon-white-128x128.png" />
<meta property="og:image" content="/img/opengraph-default.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="/img/opengraph-default.png" />
<meta name="robots" content="noindex" />
<meta name="theme-color" content="#46509e" />
</Head>
<body>
<Main />