diff options
Diffstat (limited to 'app/updates')
| -rw-r--r-- | app/updates/[slug]/page.js | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/app/updates/[slug]/page.js b/app/updates/[slug]/page.js index aa0ef9b..d91440e 100644 --- a/app/updates/[slug]/page.js +++ b/app/updates/[slug]/page.js @@ -11,6 +11,16 @@ const getPostContent = (slug) => { return matter(content); } +export function generateMetadata(props) { + const slug = props.params.slug; + const post = getPostContent(slug); + + return { + title: post.data.title, + description: post.data.description + } +} + export const generateStaticParams = async () => { const posts = getPostMetadata(); return posts.map((post) => ({ @@ -26,12 +36,12 @@ export default function PostPage(props) { <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply"> <div className="sm:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3"> <h1 className="font-medium text-4xl">{post.data.title}</h1> - <h2 className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</h2> + <span className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</span> <h2 className="font-light text-lg">{post.data.description}</h2> </div> </div> <div className="md:px-80 px-20 mx-auto p-6 bg-zinc-800"> - <article className="prose lg-prose-xl prose-invert"> + <article className="prose lg-prose-xl prose-invert prose-headings:font-medium"> <Markdown>{post.content}</Markdown> </article> </div> |