Hosting multiple Nuxtjs apps on same domain in app platform

Question

For a personal project i want to use app platform for hosting my nuxt 3 app.

What i am using now:

main domain -> example.com which is a different gitlab repo and different pipeline
Sub domain -> app.example.com This way i could update the container one by one and on different versions.

What i might want to use:

Example.com hosts my main application
Example.com/dashboard hosts my dashboard I know you can host multiple components in the app platform. Since i am using supabase this would be better. I dont need multiple login screens since logging in on example.com/login would also log me in on the dashboard.

Questions:

With different apps in app platform i can just use doctl in gitlab pipeline and push a new update when the pipeline is finished. How is this done on component level? If i have two components how do i update them apart from each other with out forcing both components to rebuild?
Can you give labels or tags to components in the YAML file?
If i want to go with the second setup, is there any additional config required on the app platform to make this work beside changing the http route and port where the container is listening to?

Hope someone has the time and patience to explain this to me.

Thanks in advancce.

Greetings,

Dylan

Bobby Iliev · Answer

Hi there,

What you could do is have 1 App with multiple different components.

Then for each component, you can specify a different ${PUBLIC_ROUTE_PATH} and ${PUBLIC_URL}

This allows you to have a public routable path used for the specific service, eg /dashboard, /login and etc.

That way you will have 1 App associated with your domain, but with multiple different micro services handling each specific route.

For more information, I could suggest the documentation here:

Hope that this helps.

Best,

Bobby