diff --git a/dashboard/final-example/app/page.tsx b/dashboard/final-example/app/page.tsx
index cbbd328..08327bf 100644
--- a/dashboard/final-example/app/page.tsx
+++ b/dashboard/final-example/app/page.tsx
@@ -3,6 +3,7 @@ import { ArrowRightIcon } from '@heroicons/react/24/outline';
 import { lusitana } from '@/app/ui/fonts';
 import Image from 'next/image';
 import Link from 'next/link';
+
 export default function Page() {
   return (
     <main className="flex min-h-screen flex-col p-6">
diff --git a/dashboard/starter-example/app/dashboard/customers/page.tsx b/dashboard/starter-example/app/dashboard/customers/page.tsx
index caf9718..601da16 100644
--- a/dashboard/starter-example/app/dashboard/customers/page.tsx
+++ b/dashboard/starter-example/app/dashboard/customers/page.tsx
@@ -2,10 +2,6 @@ import { fetchFilteredCustomers } from '@/app/lib/data';
 import CustomersTable from '@/app/ui/customers/table';
 import { Metadata } from 'next';
 
-export const metadata: Metadata = {
-  title: 'Customers',
-};
-
 export default async function Page({
   searchParams,
 }: {
diff --git a/dashboard/starter-example/app/dashboard/invoices/[id]/edit/page.tsx b/dashboard/starter-example/app/dashboard/invoices/[id]/edit/page.tsx
index c6f2391..73efa4f 100644
--- a/dashboard/starter-example/app/dashboard/invoices/[id]/edit/page.tsx
+++ b/dashboard/starter-example/app/dashboard/invoices/[id]/edit/page.tsx
@@ -2,11 +2,6 @@ import Form from '@/app/ui/invoices/edit-form';
 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;
diff --git a/dashboard/starter-example/app/dashboard/invoices/create/page.tsx b/dashboard/starter-example/app/dashboard/invoices/create/page.tsx
index de8107c..413db57 100644
--- a/dashboard/starter-example/app/dashboard/invoices/create/page.tsx
+++ b/dashboard/starter-example/app/dashboard/invoices/create/page.tsx
@@ -1,11 +1,6 @@
 import { fetchCustomers } from '@/app/lib/data';
 import Form from '@/app/ui/invoices/create-form';
 import Breadcrumbs from '@/app/ui/invoices/breadcrumbs';
-import { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'Create Invoice',
-};
 
 export default async function Page() {
   const customers = await fetchCustomers();
diff --git a/dashboard/starter-example/app/dashboard/invoices/page.tsx b/dashboard/starter-example/app/dashboard/invoices/page.tsx
index 452ece1..1f4dca1 100644
--- a/dashboard/starter-example/app/dashboard/invoices/page.tsx
+++ b/dashboard/starter-example/app/dashboard/invoices/page.tsx
@@ -6,11 +6,6 @@ import { lusitana } from '@/app/ui/fonts';
 import { InvoicesTableSkeleton } from '@/app/ui/dashboard/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/dashboard/starter-example/app/layout.tsx b/dashboard/starter-example/app/layout.tsx
index 389eeda..bc3a4c8 100644
--- a/dashboard/starter-example/app/layout.tsx
+++ b/dashboard/starter-example/app/layout.tsx
@@ -1,15 +1,6 @@
 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,
 }: {