Add OGP for index

This commit is contained in:
Xevion
2023-02-17 02:28:41 -06:00
parent d649c4ea5e
commit 75eae525fb
3 changed files with 15 additions and 1 deletions

View File

@@ -19,6 +19,7 @@
"react-icons": "^4.7.1",
"react-infinite-scroll-component": "^6.1.0",
"react-no-ssr": "^1.1.0",
"react-ogp": "^0.0.3",
"sass": "^1.58.1",
"usehooks-ts": "^2.9.1",
"zod": "^3.20.2"

View File

@@ -10,6 +10,8 @@ import IconCatalog from "@components/render/IconCatalog";
import NoSSR from 'react-no-ssr';
import InfiniteScroll from "react-infinite-scroll-component";
import useFocus from "@utils/useFocus";
import { OGP } from "react-ogp";
import {env} from "../env.mjs";
export type IconIdentifierPair = { id: string, setId: string };
const icons = iconList as IconIdentifierPair[];
@@ -60,8 +62,14 @@ const Home: NextPage = () => {
<>
<Head>
<title>Icons</title>
<meta name="description" content="Generated by create-t3-app"/>
<link rel="icon" href="/favicon.ico"/>
<OGP
url={env.NEXT_PUBLIC_APP_URL as string}
title="Icons"
description="A custom search engine for all of the icons in the React-Icons library."
siteName="icons.xevion.dev"
image="http://example.com/cover.jpg"
/>
</Head>
<main className="flex flex-col items-center m-auto p-6 max-w-[130ch]">
<div className="flex max-w-[60ch] px-1 py-2 m-4">

View File

@@ -2175,6 +2175,11 @@ react-no-ssr@^1.1.0:
dependencies:
babel-runtime "6.x.x"
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@18.2.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"