Add OGP banner to index

This commit is contained in:
Xevion
2023-02-27 14:04:43 -06:00
parent cd70a21030
commit 882f4291aa
4 changed files with 18 additions and 0 deletions

View File

@@ -25,6 +25,7 @@
"react-dom": "18.2.0",
"react-icons": "^4.7.1",
"react-markdown": "^8.0.4",
"react-ogp": "^0.0.3",
"react-wrap-balancer": "^0.4.0",
"sass": "^1.56.2",
"sharp": "^0.31.3",

BIN
public/banner.png Normal file
View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

View File

@@ -5,9 +5,21 @@ import { trpc } from "../utils/trpc";
import "../styles/globals.scss";
import { Analytics } from "@vercel/analytics/react";
import { Provider } from "react-wrap-balancer";
import Head from "next/head";
import { OGP } from "react-ogp";
const MyApp: AppType = ({ Component, pageProps }) => {
return (
<>
<Head>
<OGP
url="https://xevion.dev"
title="Xevion.dev"
description="The personal website of Xevion, a full-stack software developer."
siteName="xevion.dev"
image="https://xevion.dev/banner.png"
/>
</Head>
<Provider>
<Component {...pageProps} />
</Provider>

View File

@@ -2477,6 +2477,11 @@ react-markdown@^8.0.4:
unist-util-visit "^4.0.0"
vfile "^5.0.0"
react-ogp@^0.0.3:
version "0.0.3"
resolved "https://registry.yarnpkg.com/react-ogp/-/react-ogp-0.0.3.tgz#f3d49ff49e593576778f6a11824a4ccb2d8b427d"
integrity sha512-+m5my7G6dxzN79e1e/M5VV2MmM2sXrTqs+hfL8sFHsjWn4PMv3P8eD/aMSHPibvp6BYsiFCeWMMSzcqUCIQr9w==
react-ssr-prepass@^1.5.0:
version "1.5.0"
resolved "https://registry.yarnpkg.com/react-ssr-prepass/-/react-ssr-prepass-1.5.0.tgz#bc4ca7fcb52365e6aea11cc254a3d1bdcbd030c5"