Next.js 13 app directory share header in all pages

Answered

Saltwater Crocodile posted this in #help-forum

Open in Discord

Saltwater CrocodileOP

2023-10-05T11:36:35.000Z

In my application I have three pages.
1) Home page.
2)Contact page
3)Login page
as you can see in the screenshot.

And I have a header component. I want to show the header component on all the pages except the login page. I don't want to show the header component on the login page. how can I overcome the problem without leaving the Layout component? As I already shared in the screenshot

Answered by riský

have you considered route groups?

View full answer

19 Replies

2023-10-05T11:37:25.000Z

have you considered route groups?

Answer

Saltwater CrocodileOP

2023-10-05T11:38:50.000Z

Nope. can you explain about route groups

2023-10-05T11:39:23.000Z

Read the docs

@Saltwater Crocodile Nope. can you explain about route groups

2023-10-05T11:48:17.000Z

have you looked at the docs for route groups yet?

Saltwater CrocodileOP

2023-10-05T11:49:31.000Z

Sorry I don't why but somehow i can't access the nextjs.org website. I think my network problem. My bad , I will keep in touch

@riský have you looked at the docs for route groups yet?

Saltwater CrocodileOP

2023-10-05T11:52:50.000Z

Thanks for your kind reply

2023-10-05T11:54:48.000Z

so, did your doubt got resolved @Saltwater Crocodile ?

2023-10-05T11:55:21.000Z

he apparently can't use the website, so im waiting for that to continue helping

@dumbboy so, did your doubt got resolved <@876124709765382145> ?

Saltwater CrocodileOP

2023-10-05T11:55:57.000Z

first i need check the next.js docs then I need to try again.Thanks guys for your valuable time

@Saltwater Crocodile first i need check the next.js docs then I need to try again.Thanks guys for your valuable time

2023-10-05T11:56:13.000Z

Is it still not opening?

@dumbboy Is it still not opening?

Saltwater CrocodileOP

2023-10-05T11:56:57.000Z

no. I need to call my ISP

2023-10-05T11:57:24.000Z

oh, okay, all the best

2023-10-05T11:57:25.000Z

ig just read it on github: https://github.com/vercel/next.js/blob/canary/docs/02-app/01-building-your-application/01-routing/04-route-groups.mdx

Saltwater CrocodileOP

2023-10-05T12:28:10.000Z

I just needed a little hint. At least it worked

2023-10-05T12:28:29.000Z

yay!!!

Saltwater CrocodileOP

2023-10-05T12:30:04.000Z

Thanks everyone for the help

English Spot

2023-10-09T10:48:42.000Z

Hey @Saltwater Crocodile How did you do it?

@English Spot Hey <@876124709765382145> How did you do it?

Saltwater CrocodileOP

2023-10-09T10:51:28.000Z

It was to easy to do. Just read the docs about next.js route groups. You will be able to find out yourself

English Spot

2023-10-09T10:59:11.000Z

route groups for customising the routing right? but I have another query that did you place your Header component in Root layout?