diff --git a/app/dashboard/invoices/page.tsx b/app/dashboard/invoices/page.tsx
index f5f18d7..9b80940 100644
--- a/app/dashboard/invoices/page.tsx
+++ b/app/dashboard/invoices/page.tsx
@@ -7,6 +7,12 @@ import { InvoicesTableSkeleton } from '@/app/ui/skeletons';
 import { Suspense } from 'react';
 import {fetchInvoicesPages} from "@/app/lib/data";
 
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+    title: 'Invoices',
+};
+
 export default async function Page({
                                        searchParams,
                                    }: {
diff --git a/app/layout.tsx b/app/layout.tsx
index ae363a1..dead4e7 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,6 +1,17 @@
 import '@/app/ui/global.css';
 import { inter } from '@/app/ui/fonts';
 
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: {
+    template: '%s | Acme Dashboard',
+    default: 'Acme Dashboard',
+  },
+  description: 'The official Next.js Learn Dashboard built with App Router.',
+  metadataBase: new URL('https://next-learn-dashboard.vercel.sh'),
+};
+
 export default function RootLayout({
   children,
 }: {