Metadata and Favicon

Metadata and Favicon

Metadata and Favicon ~10 mins - nextjs

Metadata and Favicon

Task 1: Edit Metadata

Edit layout.tsx

    export const metadata: Metadata = {
        title: "TodoApp",
        description: "Task Management App",
    };

Task 2: Add Favicon in head

Add favicon in public folder
Edit layout.tsx and add head section

    import favicon from "../../public/favicon.ico";


    <head>
        <link rel="shortcut icon" type="image/x-icon" href={favicon.src} />
    </head>