a little bit of social/seo work with non-flashing skeleton

2021-06-17 13:24:35 -05:00 · 2021-06-17 13:24:35 -05:00 · b594e11891
parent 76eb1fe288
commit b594e11891
5 changed files with 64 additions and 53 deletions
--- a/components/layout.js
+++ b/components/layout.js
@ -4,15 +4,35 @@ import Container from 'react-bootstrap/Container'
 import { LightningProvider } from './lightning'
 import { useRouter } from 'next/router'
 import Footer from './footer'
+import { NextSeo } from 'next-seo'

 export default function Layout ({ noContain, noFooter, children }) {
  const router = useRouter()
  const defaultTitle = router.asPath.split('?')[0].slice(1)
+  const fullTitle = `${defaultTitle && `${defaultTitle} \\ `}stacker news`
+  const desc = 'Discuss Bitcoin. Stack sats. News for plebs.'
  return (
    <>
+      <NextSeo
+        title={fullTitle}
+        description={desc}
+        openGraph={{
+          title: fullTitle,
+          description: desc,
+          images: [
+            {
+              url: 'https://stacker.news/favicon.png',
+            },
+          ],
+          site_name: 'Stacker News',
+        }}
+        twitter={{
+          site: '@stacker_news',
+          cardType: 'summary_large_image',
+        }}
+      />
      <LightningProvider>
        <Head>
-          <title>{defaultTitle && `${defaultTitle} \\ `}stacker news</title>
          <meta name='viewport' content='initial-scale=1.0, width=device-width' />
        </Head>
        <Header />
--- a/package-lock.json
+++ b/package-lock.json
@ -168,8 +168,7 @@
    "@babel/helper-plugin-utils": {
      "version": "7.13.0",
      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.13.0.tgz",
-      "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ==",
-      "dev": true
+      "integrity": "sha512-ZPafIPSwzUlAoWT8DKs1W2VyF2gOWthGd5NGFMsBcMMol+ZhK+EQY/e6V96poa6PA/Bh+C9plWN0hXO1uB8AfQ=="
    },
    "@babel/helper-split-export-declaration": {
      "version": "7.12.13",
@ -529,8 +528,7 @@
    "@prisma/engines": {
      "version": "2.23.0-36.adf5e8cba3daf12d456d911d72b6e9418681b28b",
      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-2.23.0-36.adf5e8cba3daf12d456d911d72b6e9418681b28b.tgz",
-      "integrity": "sha512-Tgk3kggO5B9IT6mimJAw6HSxbFoDAuDKL3sHHSS41EnQm76j/nf4uhGZFPzOQwZWOLeT5ZLO2khr4/FCA9Nkhw==",
-      "dev": true
+      "integrity": "sha512-Tgk3kggO5B9IT6mimJAw6HSxbFoDAuDKL3sHHSS41EnQm76j/nf4uhGZFPzOQwZWOLeT5ZLO2khr4/FCA9Nkhw=="
    },
    "@prisma/engines-version": {
      "version": "2.23.0-36.adf5e8cba3daf12d456d911d72b6e9418681b28b",
@ -613,8 +611,7 @@
    "@trysound/sax": {
      "version": "0.1.1",
      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.1.1.tgz",
-      "integrity": "sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow==",
-      "dev": true
+      "integrity": "sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow=="
    },
    "@types/accepts": {
      "version": "1.3.5",
@ -1370,6 +1367,14 @@
      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
    },
+    "async-retry": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/async-retry/-/async-retry-1.3.1.tgz",
+      "integrity": "sha512-aiieFW/7h3hY0Bq5d+ktDBejxuwR78vRu9hDUdR8rNhSaQ29VzPL4AoIRG7D/c7tdenwOcKvgPM6tIxB3cB6HA==",
+      "requires": {
+        "retry": "0.12.0"
+      }
+    },
    "asyncjs-util": {
      "version": "1.2.5",
      "resolved": "https://registry.npmjs.org/asyncjs-util/-/asyncjs-util-1.2.5.tgz",
@ -1401,7 +1406,6 @@
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/babel-plugin-inline-react-svg/-/babel-plugin-inline-react-svg-2.0.1.tgz",
      "integrity": "sha512-aD4gy2G3gNVDaw97LtoixzWbaOcSEnOb4KJPe8kZedSeqxY3v71KsBs8DGmButGZtEloCRhRRuU2TpW1hIPXig==",
-      "dev": true,
      "requires": {
        "@babel/helper-plugin-utils": "^7.0.0",
        "@babel/parser": "^7.0.0",
@ -1413,8 +1417,7 @@
        "@babel/parser": {
          "version": "7.13.15",
          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.15.tgz",
-          "integrity": "sha512-b9COtcAlVEQljy/9fbcMHpG+UIW9ReF+gpaxDHTlZd0c6/UU9ng8zdySAW9sRTzpvcdCHn6bUcbuYUgGzLAWVQ==",
-          "dev": true
+          "integrity": "sha512-b9COtcAlVEQljy/9fbcMHpG+UIW9ReF+gpaxDHTlZd0c6/UU9ng8zdySAW9sRTzpvcdCHn6bUcbuYUgGzLAWVQ=="
        }
      }
    },
@ -1615,8 +1618,7 @@
    "boolbase": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
-      "dev": true
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
    },
    "boom": {
      "version": "7.3.0",
@ -1940,8 +1942,7 @@
    "commander": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "dev": true
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
    },
    "commondir": {
      "version": "1.0.1",
@ -2105,7 +2106,6 @@
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/css-select/-/css-select-3.1.2.tgz",
      "integrity": "sha512-qmss1EihSuBNWNNhHjxzxSfJoFBM/lERB/Q4EnsJQQC62R2evJDW481091oAdOr9uh46/0n4nrg0It5cAnj1RA==",
-      "dev": true,
      "requires": {
        "boolbase": "^1.0.0",
        "css-what": "^4.0.0",
@ -2118,7 +2118,6 @@
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
-      "dev": true,
      "requires": {
        "mdn-data": "2.0.14",
        "source-map": "^0.6.1"
@ -2127,8 +2126,7 @@
    "css-what": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/css-what/-/css-what-4.0.0.tgz",
-      "integrity": "sha512-teijzG7kwYfNVsUh2H/YN62xW3KK9YhXEgSlbxMlcyjPNvdKJqFx5lrwlJgoFP1ZHlB89iGDlo/JyshKeRhv5A==",
-      "dev": true
+      "integrity": "sha512-teijzG7kwYfNVsUh2H/YN62xW3KK9YhXEgSlbxMlcyjPNvdKJqFx5lrwlJgoFP1ZHlB89iGDlo/JyshKeRhv5A=="
    },
    "css.escape": {
      "version": "1.5.1",
@ -2284,7 +2282,6 @@
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
-      "dev": true,
      "requires": {
        "css-tree": "^1.1.2"
      }
@ -2395,7 +2392,6 @@
      "version": "1.3.2",
      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
      "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
-      "dev": true,
      "requires": {
        "domelementtype": "^2.0.1",
        "domhandler": "^4.2.0",
@ -2410,14 +2406,12 @@
    "domelementtype": {
      "version": "2.2.0",
      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "dev": true
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
    },
    "domhandler": {
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.0.tgz",
      "integrity": "sha512-zk7sgt970kzPks2Bf+dwT/PLzghLnsivb9CcxkvR8Mzr66Olr0Ofd8neSbglHJHaHa2MadfoSdNlKYAaafmWfA==",
-      "dev": true,
      "requires": {
        "domelementtype": "^2.2.0"
      }
@ -2426,7 +2420,6 @@
      "version": "2.6.0",
      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.6.0.tgz",
      "integrity": "sha512-y0BezHuy4MDYxh6OvolXYsH+1EMGmFbwv5FKW7ovwMG6zTPWqNPq3WF9ayZssFq+UlKdffGLbOEaghNdaOm1WA==",
-      "dev": true,
      "requires": {
        "dom-serializer": "^1.0.1",
        "domelementtype": "^2.2.0",
@ -2497,8 +2490,7 @@
    "entities": {
      "version": "2.2.0",
      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "dev": true
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
    },
    "error-ex": {
      "version": "1.3.2",
@ -3687,7 +3679,6 @@
      "version": "2.4.0",
      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.4.0.tgz",
      "integrity": "sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==",
-      "dev": true,
      "requires": {
        "has": "^1.0.3"
      }
@ -4156,8 +4147,7 @@
    "mdn-data": {
      "version": "2.0.14",
      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
-      "dev": true
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
    },
    "media-typer": {
      "version": "0.3.0",
@ -4494,6 +4484,11 @@
        "typeorm": "^0.2.30"
      }
    },
+    "next-seo": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-4.24.0.tgz",
+      "integrity": "sha512-9VQXfXAelhE+hAWzJ4azigQaW3FPX0kU0eYKFQXKsQjgY7AWtukjRGXls0oSIk8khhDJwmCt46EwsO9n5DDW6Q=="
+    },
    "node-addon-api": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-2.0.2.tgz",
@ -4651,7 +4646,6 @@
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.0.0.tgz",
      "integrity": "sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q==",
-      "dev": true,
      "requires": {
        "boolbase": "^1.0.0"
      }
@ -4916,8 +4910,7 @@
    "path-parse": {
      "version": "1.0.6",
      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
-      "dev": true
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
    },
    "path-to-regexp": {
      "version": "0.1.7",
@ -5096,7 +5089,6 @@
      "version": "2.23.0",
      "resolved": "https://registry.npmjs.org/prisma/-/prisma-2.23.0.tgz",
      "integrity": "sha512-3c/lmDy8nsPcEsfCufvCTJUEuwmAcTPbeGg9fL1qjlvS314duLUA/k2nm3n1rq4ImKqzeC5uaKfvI2IoAfwrJA==",
-      "dev": true,
      "requires": {
        "@prisma/engines": "2.23.0-36.adf5e8cba3daf12d456d911d72b6e9418681b28b"
      }
@ -5483,7 +5475,6 @@
      "version": "1.20.0",
      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
-      "dev": true,
      "requires": {
        "is-core-module": "^2.2.0",
        "path-parse": "^1.0.6"
@ -5721,8 +5712,7 @@
    "stable": {
      "version": "0.1.8",
      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
-      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
-      "dev": true
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w=="
    },
    "stacktrace-parser": {
      "version": "0.1.10",
@ -6295,7 +6285,6 @@
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.3.0.tgz",
      "integrity": "sha512-fz4IKjNO6HDPgIQxu4IxwtubtbSfGEAJUq/IXyTPIkGhWck/faiiwfkvsB8LnBkKLvSoyNNIY6d13lZprJMc9Q==",
-      "dev": true,
      "requires": {
        "@trysound/sax": "0.1.1",
        "chalk": "^4.1.0",
--- a/package.json
+++ b/package.json
@ -13,6 +13,7 @@
    "@prisma/client": "^2.23.0",
    "apollo-server-micro": "^2.21.2",
    "async-retry": "^1.3.1",
+    "babel-plugin-inline-react-svg": "^2.0.1",
    "bootstrap": "^4.6.0",
    "clipboard-copy": "^4.0.1",
    "formik": "^2.2.6",
@ -20,15 +21,15 @@
    "ln-service": "^51.7.0",
    "next": "10.0.9",
    "next-auth": "^3.13.3",
+    "next-seo": "^4.24.0",
+    "prisma": "^2.23.0",
    "qrcode.react": "^1.0.1",
    "react": "17.0.1",
    "react-bootstrap": "^1.5.2",
    "react-dom": "17.0.1",
    "sass": "^1.32.8",
    "swr": "^0.5.4",
-    "yup": "^0.32.9",
-    "prisma": "^2.23.0",
-    "babel-plugin-inline-react-svg": "^2.0.1"
+    "yup": "^0.32.9"
  },
  "engines": {
    "node": "14.17.0"
@ -51,4 +52,4 @@
    "eslint-plugin-compat": "^3.9.0",
    "standard": "^16.0.3"
  }
-}
+}
--- a/pages/_app.js
+++ b/pages/_app.js
@ -11,16 +11,18 @@ const client = new ApolloClient({

 function MyApp ({ Component, pageProps }) {
  return (
-    <Provider session={pageProps.session}>
-      <ApolloProvider client={client}>
-        <MeProvider>
-          <FundErrorProvider>
-            <FundErrorModal />
-            <Component {...pageProps} />
-          </FundErrorProvider>
-        </MeProvider>
-      </ApolloProvider>
-    </Provider>
+    <>
+      <Provider session={pageProps.session}>
+        <ApolloProvider client={client}>
+          <MeProvider>
+            <FundErrorProvider>
+              <FundErrorModal />
+              <Component {...pageProps} />
+            </FundErrorProvider>
+          </MeProvider>
+        </ApolloProvider>
+      </Provider>
+    </>
  )
 }

--- a/styles/globals.scss
+++ b/styles/globals.scss
@ -151,14 +151,13 @@ footer {
 }

 .clouds {
-  animation: flash ease-out 3.5s infinite;
  background: url('/clouds.jpeg');
  background-color: grey;
  background-repeat: repeat;
  background-origin: content-box;
  background-size: cover;
  background-attachment: fixed;
-  opacity: .1;
+  opacity: .2;
 }

@keyframes spin {