We have Next.js application and we have EDX. The client provided 2 sub domains, (tms.su.edu.sa & studio.su.edu.sa). The client wants the Next.js application to be on the tms.su.edu.sa, and the EDX studio to be on the other domain which is studio.su.edu.sa.
Now we have other services like; LMS, MFE, Ecommerce Discovery So the client wants the LMS service to be on,
tms.su.edu.sa/lms → Path Based instead of sub domain
tms.su.edu.sa/apps → Path Based instead of sub domain
tms.su.edu.sa/ecommerce → Path Based instead of sub domain
tms.su.edu.sa/discovery → Path Based instead of sub domain
When I visit the tms.su.edu.sa/lms and hit the login button, I get redirected here for the login, https://tms.su.edu.sa/authn/login?next=%2F because login is being handled by another service of the EDX. Likely for studio, when I visit the studio.su.edu.sa and hit the login button, I get redirected here for the login, https://tms.su.edu.sa/oauth2/authorize?client_id=cms sso&redirect_uri=https%3A%2F%2Fstudio.su.edu.sa%2Fcomplete%2Fedx oauth2%2F%3Fredirect_state%3DTzTLljruXUTRfCzFtInbYPQo1teRgAN1&state=TzTLljruXUTRfCzFtInbYPQ o1teRgAN1&response_type=code&scope=user_id+profile+email because login is being handled by another service of the EDX.
I forcefully handle the login page redirections with the nginx config to be handled, but inside the login page there is not only the login url, on the same page there are a lot of apis as well which are caused issues. Same for the rest of the pages.
Questions are:
How can we fix this?
How can we achieve the route based services in the edx if there is any way?
I want all the services to be working?