Kris_HD1337/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Title component for dynamic page titles in layout

Browse Source
This commit is contained in:
IM23a-cernik
2025-05-22 10:57:20 +02:00
parent 2e96f2bb77
commit 2d7f5a4de7
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/layout.js
+2 -4
View File
@@ -7,7 +7,7 @@ import {ModeToggle} from "@/components/mode-toggle";
import Burger from "@/components/burger"; import Burger from "@/components/burger";
import {usePathname} from "next/navigation"; import {usePathname} from "next/navigation";
import Head from "next/head"; import Head from "next/head";
import Title from "@/components/title";
export default function RootLayout({children}) { export default function RootLayout({children}) {
const pathname = usePathname(); const pathname = usePathname();
@@ -39,11 +39,9 @@ export default function RootLayout({children}) {
return "Kristians Portfolio"; return "Kristians Portfolio";
} }
}; };
Title(getTitle());
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<Head>
<title>Kurwa</title>
</Head>
<body <body
className={"text-emerald-800 dark:text-emerald-300 bg-gradient-to-tr dark:from-black dark:via-emerald-800 dark:to-black from-gray-300 via-emerald-100 to-gray-300"}> className={"text-emerald-800 dark:text-emerald-300 bg-gradient-to-tr dark:from-black dark:via-emerald-800 dark:to-black from-gray-300 via-emerald-100 to-gray-300"}>
<ThemeProvider <ThemeProvider
src/components/title.js
+13
View File
@@ -0,0 +1,13 @@
import Head from 'next/head'
function Title(title) {
return (
<div>
<Head>
<title>title</title>
</Head>
</div>
)
}
export default Title