Hello everyone. i am trying to create a dashboard with tools similar to https://tinytool.net. For each tool i want to create a nextjs application and for the main dashboard i also want to create a seperate nextjs application (all inside docker containers)
I want to point a domain towards the first application, to make it available to the internet. i also want this application to handle authentication and session management
if possible i dont want to expose the other applications to the internet. i just want to serve their content within a different page of the dashboard application.

so far i have tried defining all tools in the file tools.ts, displaying them on the root page of the dashboard application and making a dynamic route [toolName] where i handle the rendering of the tool depending on the url path in form of an iframe

tools.ts
const getAllTools = () => {
const tools : ToolItem[] = [
{
toolName: "Tool1",
iconSrcPath: "/tool1.png",
href: "/tool1"
},
...

[toolName]/page.tsx
export default function ToolPage({ params: { toolName }}: Params) {
switch (true) {
case /^tool1/.test(toolName):
return (
<iframe className={styles.iframe} src="http://tool1:3001"></iframe>
);
default:
return <div>Tool not found</div>
}
}

it seems like my approach is not working because as much as i understood from trying this is, that i would have to expose the tools themselves to the internet. i am a beginner, when it comes to nextjs and webdevelopment in general so i would appreciate any sort of help. If you need any more information i will gladly provide you with it