You can create different layouts in | Next.js | Page 1

late lintel Nov 29, 2022, 12:47 PM

#

Yes. this is what I want without nesting the layouts

subtle rain Nov 29, 2022, 12:49 PM

#

you mean like in the app structure you have a navbar layout and when you go to the child of an app like profile page, you don't want the navbar layout to appear on it anymore?

late lintel Nov 29, 2022, 12:49 PM

#

Exactly

subtle rain Nov 29, 2022, 12:50 PM

#

https://stackoverflow.com/questions/66914855/next-js-opt-out-of-layout-component-for-specific-pages-from-app-js

Stack Overflow

Next.js Opt out of Layout Component for specific pages from _app.js

How to not wrap a specific page with Layout component in _app.js?
For example, I have two pages as pages/home and pages/about, now how can I not wrap my pages/home page with Layout component?
pages...

#

ah wait, might be obsolete for next13

late lintel Nov 29, 2022, 12:51 PM

#

Yep

#

i found it 😄

#

The answer is here: https://beta.nextjs.org/docs/routing/defining-routes#route-groups

#

I needed to create a group and add a specific layout for that group

#

then is not shared anymore.

subtle rain Nov 29, 2022, 12:52 PM

#

great!

late lintel Nov 29, 2022, 12:53 PM

#

Thanks!

subtle rain Nov 29, 2022, 12:58 PM

#

so basically u gotta move and copy paste your layout.js from the app and move it to all the pages u want it to be seen in

#You can create different layouts in