diff options
| author | Pinapelz <yukais@pinapelz.com> | 2023-11-27 01:36:58 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2023-11-27 01:36:58 -0800 |
| commit | b20c30fb47e7d18e1c6a3b8a884010a21801e040 (patch) | |
| tree | d9bf645278b331b4c770e674315b88a17bd1a0ab | |
| parent | 68cba8a186ef8f641562066d73f85bd53c240dd0 (diff) | |
add metadata tags for pages
| -rw-r--r-- | src/app/layout.tsx | 2 | ||||
| -rw-r--r-- | src/pages/stats/[slug].tsx | 10 |
2 files changed, 11 insertions, 1 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 93f4a21..70e7bad 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,7 +7,7 @@ const inter = Inter({ subsets: ['latin'] }) export const metadata: Metadata = { title: 'PhaseTracker - Phase Connect Subscriber Tracker', - description: 'Nijitracker, historical subscriber data for members of Phase Connect', + description: 'PhaseTracker, historical subscriber data for members of Phase Connect', } export default function RootLayout({ diff --git a/src/pages/stats/[slug].tsx b/src/pages/stats/[slug].tsx index 1b253ee..54c7e9b 100644 --- a/src/pages/stats/[slug].tsx +++ b/src/pages/stats/[slug].tsx @@ -4,6 +4,7 @@ import TitleBar from "../../components/TitleBar/TitleBar"; import { ChannelCard } from "@/components/channel-card"; import DataChart from "@/components/DataChart/DataChart"; import Footer from "@/components/Footer/Footer"; +import Head from 'next/head' interface ChannelDataProp { channel_name: string; @@ -41,6 +42,15 @@ export const getServerSideProps: GetServerSideProps = async (context) => { function Page({ chartData, channelData, sevenDayGraphData, slug }: { chartData: GraphDataProp, channelData: ChannelDataProp, sevenDayGraphData: GraphDataProp, slug: string }) { return ( <> + <Head> + <title>{slug as string} - PhaseTracker</title> + <meta property="og:title" content={`${slug as string} - PhaseTracker`}/> + <meta name="description" content={`${channelData.sub_org} - ${channelData.subscribers}`} /> + <meta name="og:description" content={`${channelData.sub_org} - ${channelData.subscribers}`} /> + <meta property="og:image" content={`${channelData.profile_pic}`}/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta> + <meta name="author" content="Pinapelz"></meta> + </Head> <TitleBar title={slug as string} redirectUrl="/" showHomeButton backgroundColor="black" /> <div className="flex justify-center"> <div className="flex flex-col items-center"> |