refactor(starter): upgrade to new version of gatsby

2025-09-11 10:46:16 +02:00 · 2022-01-09 20:12:31 +00:00
parent 84bdc5899d
commit 67ebabbaac
397 changed files with 26665 additions and 34984 deletions
--- a/src/components/Layout/Layout.tsx
+++ b/src/components/Layout/Layout.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import Helmet from "react-helmet";
+
+import { useSiteMetadata } from "@/hooks";
+
+import styles from "./Layout.module.scss";
+
+interface Props {
+  title: string;
+  description?: string;
+  socialImage?: string;
+  children: React.ReactNode;
+}
+
+const Layout: React.FC<Props> = ({ children, title, description, socialImage = "" }: Props) => {
+  const { author, url } = useSiteMetadata();
+  const metaImage = socialImage || author.photo;
+  const metaImageUrl = url + metaImage;
+
+  return (
+    <div className={styles.layout}>
+      <Helmet>
+        <html lang="en" />
+        <title>{title}</title>
+        <meta name="description" content={description} />
+        <meta property="og:site_name" content={title} />
+        <meta property="og:image" content={metaImageUrl} />
+        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:title" content={title} />
+        <meta name="twitter:description" content={description} />
+        <meta name="twitter:image" content={metaImageUrl} />
+      </Helmet>
+      {children}
+    </div>
+  );
+};
+
+export default Layout;