This commit introduces the layout and page components for the blog post feature. The main changes include: - Implement the `RootLayout` component in `app/blogpost/layout.tsx` to provide the overall structure and styling for the blog post pages. - Implement the `PostPage` component in `app/blogpost/page.tsx` to display the content of a specific blog post, including the post title, metadata, and the post body (template). - Add placeholder content and styling for the blog post page, including the use of the `Image` component to display a featured image. These changes lay the foundation for the blog post feature, allowing users to view and interact with individual blog posts on the website.
17 lines
406 B
TypeScript
17 lines
406 B
TypeScript
import "../globals.css";
|
|
|
|
import Link from "next/link";
|
|
import AnimatedLink from "@/components/animatedLink";
|
|
import Image from "next/image";
|
|
|
|
import MainHeader from "@/components/header/main";
|
|
import MainFooter from "@/components/footer/main";
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="text-base">
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|