CRUD of the blog is completed

Amanuel-Abera · Amanuel-Abera · commit 57fec0e9ba28 · 2024-12-25T19:46:07.000+03:00
diff --git a/app/(profile)/dashboard/page.tsx b/app/(profile)/dashboard/page.tsx
@@ -6,6 +6,13 @@ import DeleteBlogBtn from '@/components/DeleteBlogBtn';
 import EditBlogBtn from '@/components/EditBlogBtn';
 import Link from 'next/link';
 import Image from 'next/image';
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Blogger | Your Dashboard",
+  description: "Manage your blog posts effortlessly with Blogger's Dashboard. View, edit, or delete your blogs and track your content at a glance.",
+};
+
 
 interface Blog {
   id: string;
diff --git a/app/(profile)/layout.tsx b/app/(profile)/layout.tsx
@@ -1,4 +1,11 @@
 import SideMenu from "@/components/SideMenu";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Blogger | Create a New Blog Post",
+  description: "Start sharing your ideas on Blogger by creating a new blog post. Express yourself and connect with a global audience today.",
+};
+
 
 const layout = ({
     children,
diff --git a/app/blog/[id]/page.tsx b/app/blog/[id]/page.tsx
@@ -1,13 +1,33 @@
 import { getBlog } from '@/utils/getBlog';
 import Image from 'next/image';
 import { notFound } from 'next/navigation';
+import type { Metadata } from "next";
 
 interface ReadBlogProps {
   params: Promise<{
     id: string;
   }>
 }
 
+export async function generateMetadata({ params }: ReadBlogProps): Promise<Metadata> {
+  const { id } = await params;
+  const blog = await getBlog(id);
+
+  // Default metadata
+  if (!blog?.result) {
+    return {
+      title: 'Blogger | Discover and Share Blogs',
+      description: 'Explore a wide range of blogs on Blogger, the platform where users can create, share, and engage with diverse content from all over the world.',
+    };
+  }
+
+  // Dynamic metadata based on blog content
+  return {
+    title: blog.result.blogName || 'Blogger | Discover and Share Blogs',
+    description: blog.result.hook || 'Explore a wide range of blogs on Blogger.',
+  };
+}
+
 const ReadBlog = async ({ params }: ReadBlogProps) => {
   const {id} = await params;
   const blog = await getBlog(id);
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,21 +1,25 @@
-import type { Metadata } from "next";
 import "./globals.css";
 import Header from "@/components/Header";
 import ContextAPI from "@/context/context";
 import Footer from "@/components/Footer";
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Blogger | Discover and Share Blogs",
+  description: "Explore a wide range of blogs on Blogger, the platform where users can create, share, and engage with diverse content from all over the world.",
 };
 
+
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
     <html lang="en">
+      <head>
+        <link rel="icon" href="/favicon.png" type="image/png" />
+      </head>
       <ContextAPI>
         <body>
           <Header/>
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -69,7 +69,7 @@ const Footer = () => {
         </div>  
 
         <div className="flex gap-5 justify-between items-center my-3">
-            <p className="para text-sm">© 2077 Untitled UI. All rights reserved.</p>
+            <p className="para text-sm">© 2025 developed by <Link href={"https://amanuelabera.vercel.app/"} target="_blank" className="hover:underline">Amanuel Abera</Link>. All rights reserved.</p>
             <div className="flex gap-3 items-center">
                 <Link href={""} className="text-xl">
                     <FaXTwitter />
diff --git a/public/favicon.png b/public/favicon.png
