add metadata for title and description for all pages

JohanCodeForFun · JohanCodeForFun · commit 47881c50e6fb · 2024-01-20T17:34:01.000+01:00
diff --git a/app/dashboard/(overview)/page.tsx b/app/dashboard/(overview)/page.tsx
@@ -9,6 +9,11 @@ import {
   CardsSkeleton,
 } from '@/app/ui/skeletons';
 
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+    title: 'Overview',
+};
 export default async function Page() {
   return (
     <main>
diff --git a/app/dashboard/customers/page.tsx b/app/dashboard/customers/page.tsx
@@ -1,3 +1,9 @@
+import { Metadata} from "next";
+
+export const metadata: Metadata = {
+  title: 'Customers',
+};
+
 export default function Page() {
   return <p>Customers Page</p>
 }
diff --git a/app/dashboard/invoices/[id]/edit/page.tsx b/app/dashboard/invoices/[id]/edit/page.tsx
@@ -3,6 +3,12 @@ import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
 import { fetchInvoiceById, fetchCustomers } from '@/app/lib/data';
 import { notFound } from 'next/navigation';
 
+import { Metadata} from "next";
+
+export const metadata: Metadata = {
+  title: 'Edit Invoice',
+};
+
 export default async function Page({ params }: { params: { id: string } }) {
   const id = params.id;
   const [invoice, customers] = await Promise.all([
diff --git a/app/dashboard/invoices/create/page.tsx b/app/dashboard/invoices/create/page.tsx
@@ -1,6 +1,12 @@
 import Form from '@/app/ui/invoices/create-form';
 import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
 import { fetchCustomers } from '@/app/lib/data';
+
+import { Metadata} from "next";
+
+export const metadata: Metadata = {
+    title: 'Create Invoice',
+};
  
 export default async function Page() {
   const customers = await fetchCustomers();
diff --git a/app/dashboard/invoices/page.tsx b/app/dashboard/invoices/page.tsx
@@ -1,3 +1,4 @@
+import { Metadata} from "next";
 import Pagination from '@/app/ui/invoices/pagination';
 import Search from '@/app/ui/search';
 import Table from '@/app/ui/invoices/table';
@@ -7,6 +8,11 @@ import { lusitana } from '@/app/ui/fonts';
 import { InvoicesTableSkeleton } from '@/app/ui/skeletons';
 import { Suspense } from 'react';
 
+export const metadata: Metadata = {
+  title: 'Invoices',
+  description: 'Invoices',
+};
+
 export default async function Page({
   searchParams,
 }: {
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,14 +1,23 @@
+import {Metadata} from "next";
 import '@/app/ui/global.css';
-import { inter } from '@/app/ui/fonts';
+import {inter} from '@/app/ui/fonts';
 
+export const metadata: Metadata = {
+    title: {
+        template: '%s | Acme Dashboard',
+        default: 'Acme Dashboard',
+    },
+    description: 'Acme is a fictional company used for demonstration purposes only.',
+    metadataBase: new URL('https://next-learn-dashboard.vercel.sh')
+}
 export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
+                                       children,
+                                   }: {
+    children: React.ReactNode;
 }) {
-  return (
-    <html lang="en">
-      <body className={`${inter.className} antialiased`}>{children}</body>
-    </html>
-  );
+    return (
+        <html lang="en">
+        <body className={`${inter.className} antialiased`}>{children}</body>
+        </html>
+    );
 }
diff --git a/app/login/page.tsx b/app/login/page.tsx
@@ -1,5 +1,10 @@
 import AcmeLogo from "../ui/acme-logo";
 import LoginForm from "../ui/login-form";
+import { Metadata} from "next";
+
+export const metadata: Metadata = {
+  title: 'Login',
+};
 
 export default function LoginPage() {
   return (
