#httpsbeta nextjs orgdocsroutingdefining
raw mortar
as in the (withNav)/page.tsx is the index page
yeah
raw mortar
how does the layout.tsx look like
tardy trellis
import Head from "../Head";
export default function RootLayout({
// Layouts must accept a children prop.
// This will be populated with nested layouts or pages
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<Head />
<h1>This is a nav bar</h1>
<body>{children}</body>
</html>
);
}
``` this is in the (withNav)/layoutremove app/layout.tsx
tardy trellis
remove app/layout.tsx
ah yes
do you know why this comes up?
it renders the items correctly
raw mortar
how you get the error?
tardy trellis
how you get the error?
when going to the index page
raw mortar
``` import "../../styles/globals.css";
import Head from "../Head";
export defau...
remove the <Head /> here
tardy trellis
remove the <Head /> here
removed - same error
raw mortar
``` import "../../styles/globals.css";
import Head from "../Head";
export defau...
put h1 inside the body tag
tardy trellis
thats my page.tsx file ``` export default function Page() {
return <div className="text-red-500 text-2xl"> Dashbord </div>;
}
ah so everything needs to go in the body tag
raw mortar
yes
tardy trellis
even my navbar?
tardy trellis
oh thank you! this helped so much 🙂
tardy trellis
just a quick question whats the alternative of using group layouts with the normal page directory to get the same effect? as getting to many errors when trying the app directory 😦
raw mortar
either put the navbar in every page or turn the layout to client component and only render the page except /login with usePathname hook
what do you mean by getting many errors?
tardy trellis
what do you mean by getting many errors?
getting errors regarding must use-client and then when I do that it cannot find my component ... Think i'll just use normal pages as i'm new to next getting a bit confused xD
raw mortar
well those error not related to route group
tardy trellis
yeah I know but route grouping is not available without using the app dir right?