srizan/mainwebsite
1
0
Fork 0
mirror of https://github.com/SrIzan10/mainwebsite.git synced 2026-06-06 00:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: page metadata

Browse Source
This commit is contained in:
SrIzan10
2023-11-22 21:57:44 +01:00
parent 4bc5078047
commit 52239f034e
3 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/(pages)/blog/[id]/page.tsx
View File

@@ -1,4 +1,3 @@
import Head from "next/head";
import ReactMarkdown from 'react-markdown'
import remarkGfm from 'remark-gfm'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
@@ -8,6 +7,7 @@ import '../../../_css/BlogPost.css';
import React from "react";
import jsonDataArray from '../../../../../public/blogPosts.json';
import { redirect } from "next/navigation";
import { Metadata } from 'next';
export default async function Page({ params }: { params: { id: string } }) {
const id = parseInt(params.id);
@@ -29,15 +29,6 @@ export default async function Page({ params }: { params: { id: string } }) {
}
return (
<div>
<Head>
<title>{jsonData.title}</title>
<meta name="description" content={jsonData.description} />
<meta name="og:title" content={jsonData.title} />
<meta name="og:description" content={jsonData.description} />
<meta name="og:type" content="article" />
<meta name="og:url" content={`https://srizan.dev/blog/${jsonData.id}`} />
<meta name="og:article:author" content="Sr Izan" />
</Head>
<BlogNavBar title={jsonData.title} />
<div className={'blogPostContent'}>
<ReactMarkdown remarkPlugins={[remarkGfm]} components={{
@@ -74,6 +65,36 @@ export default async function Page({ params }: { params: { id: string } }) {
);
}
export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {
const id = parseInt(params.id);
if (Number.isNaN(id)) redirect('/blog')
let jsonData = {
id: 0,
title: '',
description: '',
date: '',
fileName: '',
fileContent: ''
}
const filteredPost = jsonDataArray.filter((post) => post.id === id)[0];
jsonData = filteredPost;
return {
title: jsonData.title,
description: jsonData.description,
openGraph: {
title: jsonData.title,
description: jsonData.description,
authors: ['Sr Izan'],
type: 'article',
url: `https://srizan.dev/blog/${id}`,
publishedTime: new Date(jsonData.date).toISOString(),
siteName: 'Sr Izan\'s blog',
}
}
}
type BlogPostJSONResponse = {
id: number;
title: string;
@@ -81,4 +102,4 @@ type BlogPostJSONResponse = {
date: string;
fileName: string;
fileContent: string;
}
}