Merge branch 'develop'

luistak · luistak · commit 9e78d85183a9 · 2020-11-02T22:17:59.000-03:00
diff --git a/components/template.tsx b/components/template.tsx
@@ -27,16 +27,53 @@ type PageTemplateProps = {
   t: Translate;
   title: string;
   children: ReactNode;
+  meta?: Record<string, string>;
 };
 
-export function PageTemplate({ t, title, children }: PageTemplateProps) {
+const metaTags = {
+  author: 'Luís Takahashi',
+  url:
+    'https://res.cloudinary.com/daiqkausy/image/upload/c_scale,w_200/v1604365911/me.jpg',
+  image_url:
+    'https://res.cloudinary.com/daiqkausy/image/upload/c_scale,w_200/v1604365911/me.jpg',
+};
+
+export function PageTemplate({ t, title, meta, children }: PageTemplateProps) {
   return (
     <ThemeProvider theme={tokens}>
       <Page>
         <GlobalStyles />
         <Head>
           <title>{title}</title>
           <link rel="icon" href="/favicon.png" />
+          <meta name="robots" content="index, follow" />
+          <meta
+            name="viewport"
+            content="width=device-width,initial-scale=1.0"
+          />
+
+          <meta property="og:type" content="blog" />
+          <meta property="og:title" content={title} />
+          <meta property="og:url" content={metaTags.url} />
+          <meta property="og:image" content={metaTags.image_url} />
+          <meta property="og:site_name" content={metaTags.author} />
+
+          <meta name="twitter:title" content={title} />
+          <meta name="twitter:image" content={metaTags.image_url} />
+          <meta name="twitter:site" content={metaTags.author} />
+          <meta name="twitter:creator" content={metaTags.author} />
+          {meta?.description ? (
+            <>
+              <meta name="twitter:description" content={meta?.description} />
+              <meta property="og:description" content={meta?.description} />
+            </>
+          ) : null}
+
+          {meta
+            ? Object.entries(meta).map(([name, content]) => (
+                <meta key={name} name={name} content={content} />
+              ))
+            : null}
         </Head>
         <Languages />
         <Main>{children}</Main>
diff --git a/pages/404.tsx b/pages/404.tsx
@@ -7,7 +7,7 @@ type NotFoundProps = {
   t: Translate;
 };
 const NotFound: NextPage<NotFoundProps> = ({ t }) => (
-  <PageTemplate t={t} title={t(404)}>
+  <PageTemplate t={t} title={t(404)} meta={{ description: t(404) }}>
     <h1>🤔 404</h1>
     <p>{t(404)}</p>
     <Link href="/">{t('backtohome')}</Link>
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -84,7 +84,7 @@ type HomeProps = {
 };
 function Home({ t, posts }: HomeProps) {
   return (
-    <PageTemplate t={t} title={t('author')}>
+    <PageTemplate t={t} title={t('author')} meta={{ description: t('bio') }}>
       <h1>{t('welcome')}</h1>
       <p>{t('bio')}</p>
       <Image
