How to organize the routing and code base?

[lunar root]

I am trying to add a marketing website and a product dashboard on the same domain.

1. Marketing Website ("/", "/demo", "/technology", "/contact-us")

• It should show Navbar + Footer (no Sidebar).
• It should be Accessible to everyone (logged in or not).

2. Login Page ("/login")

• Acts as the bridge between marketing and dashboard.
• No Navbar, Footer, or Sidebar.

3. Dashboard Interface (with its internal routes)

• Only accessible to logged-in users.
• Shows Sidebar (no Navbar or Footer).
• Different sidebar nav-links based on Admin or Client role.

Earlier I had just a Homepage ("/") , Login Page("/login"), and Dashboard (+ all its internal routes).

Earlier Code was:
App.js: https://codefile.io/f/tr2Gy4tjEJ
Sidebar.js: https://codefile.io/f/f7WhG8ix0s

[sharp crystal]

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)

[astral rock]

i don't see what's the problem?

[lunar root]

The question was too long, hold on, I'm halfway through shortening it

[lunar root]

Reframed my question.

[sleek zenith]

I don't see the issue neither. Create the routes, maybe create route groups and let your middleware handle the auth

[astral rock]

still, file structure is completly up to you

just expose those 3 groups under app/ directory