How should I do this routing?

[bbhxwl]

Summary

I have a template for the homepage, and all the pages that jump to the homepage start with the/public path. My template is also written in/public/layout. tsx, but this way, when I access/page.tsx, he cannot use my/public/layout. tsx template. If I write the template in the root directory's layout.tsx, then I and the backend pages will also inherit this layout. How should I handle it?
I can only temporarily access the homepage using redirect and jump to the/public path

Additional information

No response

Example

No response

[icyJoseph]

I think what you want to use is https://nextjs.org/docs/app/building-your-application/routing/route-groups, but I couldn't really understand what you asked for. You'd want to group manage and public under a route group say app/(with-template), and create app/(with-template)/layout.tsx, and move manage and public directories there.

This would make these two routes consume their group root layout, and not the app/layout.tsx

For example, https://stackblitz.com/edit/nextjs-qq5bfcus?file=app%2Flayout.tsx,app%2F(foo)%2Flayout.tsx,app%2Fpage.tsx -- Though I noticed that having a app/(foo)/public/page.tsx causes 404's 🤔

[bbhxwl]

I think what you want to use is https://nextjs.org/docs/app/building-your-application/routing/route-groups, but I couldn't really understand what you asked for. You'd want to group manage and public under a route group say app/(with-template), and create app/(with-template)/layout.tsx, and move manage and public directories there.

This would make these two routes consume their group root layout, and not the app/layout.tsx

For example, https://stackblitz.com/edit/nextjs-qq5bfcus?file=app%2Flayout.tsx,app%2F(foo)%2Flayout.tsx,app%2Fpage.tsx -- Though I noticed that having a app/(foo)/public/page.tsx causes 404's 🤔

/page.tsx and /publuc/page.tsx
How can these two paths share the same layout,
But my other paths are independent layouts

[bbhxwl]

It seems to be the one you posted, thank you.

[bbhxwl]

https://stackblitz.com/edit/nextjs-qq5bfcus?file=app%2Flayout.tsx,app%2F(foo)%2Flayout.tsx,app%2Fpage.tsx

I tested it and it doesn't seem to be correct,
I don't want foo to share rootLayout

[icyJoseph]

Mmm I made an extra route-group... https://stackblitz.com/edit/nextjs-qq5bfcus?file=app%2F(rest)%2Flayout.tsx not pretty but it works

[bbhxwl]

Mmm I made an extra route-group... https://stackblitz.com/edit/nextjs-qq5bfcus?file=app%2F(rest)%2Flayout.tsx not pretty but it works

I understand