diff --git a/src/frontend/next/src/components/SEO.tsx b/src/frontend/next/src/components/SEO.tsx
new file mode 100644
index 0000000000..9d4f422efe
--- /dev/null
+++ b/src/frontend/next/src/components/SEO.tsx
@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import Head from 'next/head';
+import useSiteMetadata from '../hooks/use-site-metadata';
+
+interface Props {
+ description: string;
+ lang: string;
+ title: string;
+}
+
+const SEO: FC = ({ description, lang, title }) => {
+ const siteMetadata = useSiteMetadata();
+ const metaDescription = description || siteMetadata.description;
+ return (
+
+
+ {`${title} | ${siteMetadata.title}`}
+
+
+
+
+ );
+};
+
+export default SEO;