add canonical urls (#1216)

rolandpo · web-flow · commit c4958f490222 · 2023-01-20T14:02:18.000+01:00
* add meta image

* add canonical urls

* prettier
diff --git a/dapp/.gitignore b/dapp/.gitignore
@@ -56,3 +56,5 @@ abis/*
 
 # if you use npm instead of yarn do not commit the lock file to git because it can break the Google App Engine build
 package-lock.json
+
+.env
diff --git a/dapp/pages/_app.js b/dapp/pages/_app.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react'
 import cookies from 'next-cookies'
 import { useWeb3React } from '@web3-react/core'
 import { useRouter } from 'next/router'
+import Head from 'next/head'
 import { useCookies } from 'react-cookie'
 import { useStoreState } from 'pullstate'
 import { QueryClient, QueryClientProvider } from 'react-query'
@@ -59,6 +60,10 @@ function App({ Component, pageProps, err }) {
   const tried = useEagerConnect()
   const address = useStoreState(AccountStore, (s) => s.address)
 
+  const canonicalUrl = (
+    `https://app.ousd.com` + (router.asPath === '/' ? '' : router.asPath)
+  ).split('?')[0]
+
   if (process.browser) {
     useEffect(() => {
       router.events.on('routeChangeComplete', (url) => {
@@ -165,6 +170,9 @@ function App({ Component, pageProps, err }) {
 
   return (
     <>
+      <Head>
+        <link rel="canonical" href={canonicalUrl} />
+      </Head>
       <QueryClientProvider client={queryClient}>
         <AnalyticsProvider instance={analytics}>
           <AccountListener />
diff --git a/dapp/pages/_document.js b/dapp/pages/_document.js
@@ -39,6 +39,12 @@ class MyDocument extends Document {
             type="text/javascript"
           ></script>
 
+          <meta
+            name="image"
+            content={
+              'https://cmsmediaproduction.s3.amazonaws.com/meta_9121c5630d.jpeg'
+            }
+          />
           <meta property="og:url" content="https://ousd.com" />
           <meta property="og:type" content="website" />
           <meta property="og:title" content="Origin Dollar (OUSD)" />
