Update Information

[jonas-kgomo]

• You need to write a code that gets id from the browser
• Get the id from the window router :"localhost:3000/blog/art" -> "art"

[jonas-kgomo]

import { getPostData } from "@/app/lib/posts";

const BlogPage = () => {
  // set postID
  // write code that gets browser URL localhost:3000/blog/art 

  const postData = getPostData(postID);

  if (!postData) {
    return <div>Loading...</div>;
  }

  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      <div>
        <h2 className="text-xl font-bold">{postData.title}</h2>
        <p className="font-light py-6">{postData.date} by Adrian Young</p>
        <div dangerouslySetInnerHTML={{ __html: postData.content }} />
      </div>
    </main>
  );
};

export default BlogPage;

[jonas-kgomo]

use this import { headers } from "next/headers";