mirror of
https://github.com/Xevion/icons.git
synced 2025-12-15 06:12:03 -06:00
Add OGP for index
This commit is contained in:
@@ -19,6 +19,7 @@
|
|||||||
"react-icons": "^4.7.1",
|
"react-icons": "^4.7.1",
|
||||||
"react-infinite-scroll-component": "^6.1.0",
|
"react-infinite-scroll-component": "^6.1.0",
|
||||||
"react-no-ssr": "^1.1.0",
|
"react-no-ssr": "^1.1.0",
|
||||||
|
"react-ogp": "^0.0.3",
|
||||||
"sass": "^1.58.1",
|
"sass": "^1.58.1",
|
||||||
"usehooks-ts": "^2.9.1",
|
"usehooks-ts": "^2.9.1",
|
||||||
"zod": "^3.20.2"
|
"zod": "^3.20.2"
|
||||||
|
|||||||
@@ -10,6 +10,8 @@ import IconCatalog from "@components/render/IconCatalog";
|
|||||||
import NoSSR from 'react-no-ssr';
|
import NoSSR from 'react-no-ssr';
|
||||||
import InfiniteScroll from "react-infinite-scroll-component";
|
import InfiniteScroll from "react-infinite-scroll-component";
|
||||||
import useFocus from "@utils/useFocus";
|
import useFocus from "@utils/useFocus";
|
||||||
|
import { OGP } from "react-ogp";
|
||||||
|
import {env} from "../env.mjs";
|
||||||
|
|
||||||
export type IconIdentifierPair = { id: string, setId: string };
|
export type IconIdentifierPair = { id: string, setId: string };
|
||||||
const icons = iconList as IconIdentifierPair[];
|
const icons = iconList as IconIdentifierPair[];
|
||||||
@@ -60,8 +62,14 @@ const Home: NextPage = () => {
|
|||||||
<>
|
<>
|
||||||
<Head>
|
<Head>
|
||||||
<title>Icons</title>
|
<title>Icons</title>
|
||||||
<meta name="description" content="Generated by create-t3-app"/>
|
|
||||||
<link rel="icon" href="/favicon.ico"/>
|
<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>
|
</Head>
|
||||||
<main className="flex flex-col items-center m-auto p-6 max-w-[130ch]">
|
<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">
|
<div className="flex max-w-[60ch] px-1 py-2 m-4">
|
||||||
|
|||||||
@@ -2175,6 +2175,11 @@ react-no-ssr@^1.1.0:
|
|||||||
dependencies:
|
dependencies:
|
||||||
babel-runtime "6.x.x"
|
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:
|
react@18.2.0:
|
||||||
version "18.2.0"
|
version "18.2.0"
|
||||||
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
|
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
|
||||||
|
|||||||
Reference in New Issue
Block a user