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

@@ -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">