Equivalent to route groups for an explicit segment + a dynamic segment | Next.js | Page 1

tulip kindle Mar 20, 2024, 3:02 PM

#

Say I have [lang]/home/page.tsx and fr/mon-article/page.tsx, meaning that the URL "/fr/mon-article" exists only in French, but "/en/home" and "/fr/home" hit the generic "[lang]" route
How can I share a layout efficiently between both? I think I need to create a separate component,but repeat the layout.tsx file in both [lang] and fr folders?

desert mothBOT Mar 20, 2024, 3:02 PM

#

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)

shut sable Mar 20, 2024, 3:13 PM

#

route groups should let you do this! https://nextjs.org/docs/app/building-your-application/routing/route-groups

Routing: Route Groups | Next.js

Route Groups can be used to partition your Next.js application into different sections.

#

sorry Eric, i didnt fully read your question. i'll try it out in a demo project

tulip kindle Mar 21, 2024, 8:31 AM

#

I've ended up crafting a reusable component that I import in 2 layout files

#Equivalent to route groups for an explicit segment + a dynamic segment