How to not show header on certain pages for an app? | Next.js | Page 1

urban tapir Oct 2, 2023, 10:33 AM

#

In my layout.tsx, I dont want to show <Header /> on certain pages, how can I do that? I cant use useRouter as its for the client side and I cant turn layout.tsx into client side through use client, cuz it holds everything in the app. Whats the appropriate way to do this?

warm locustBOT Oct 2, 2023, 10:34 AM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

strong cairn Oct 2, 2023, 10:34 AM

#

use route groups and put the header one one of them and the other one don't...

urban tapir Oct 2, 2023, 9:40 PM

#

is there no other way

#

;-;

#

that's a lot fo work

strong cairn Oct 2, 2023, 9:41 PM

#

It's really simple... Just create a folder with (name) and then a layout file... https://nextjs.org/docs/app/building-your-application/routing/route-groups

strong cairn Oct 2, 2023, 11:51 PM

#

@urban tapir did it work?

urban tapir Oct 3, 2023, 10:38 PM

#

YEAH!

#

omg thanks so much

#

Thank you:))

warm locustBOT Oct 3, 2023, 11:30 PM

#

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1158351160701370398 message)

#How to not show header on certain pages for an app?