Using Multiple Amplify Instances for System with Multiple Web Apps

Question

This is more of a design question, would love some guidance. I am developing a system with multiple React apps using Vite. Basically I would have apps like the following

* Home / Index
* Account settings
* Services

Currently I'm developing four such subapps. Again, all of these are hosted under the same domain.

My plan:
Each of these apps would be under the same domain...

mydomain.com -> points to the home / index application
mydomain.com/accounts points to the account application
mydomain.com/service1 points to the service1 application 
... etc ...

Each of these apps would be it's own Amplify instance using Cognito for authentication.

I was going to use cloudfront to do the appropriate routing / pattern matching.

Is this a good approach? Thanks!

Mukul_V · Accepted Answer

Hello,

By default, Amplify does not support routing for this requirement natively. But as mentioned by you, you may consider using CloudFront to do the appropriate routing/pattern matching.

I found third party [article](https://hitaha.medium.com/path-based-routing-on-aws-cloudfront-host-multiple-amplify-and-s3-apps-under-one-domain-3d47dda9e2c3) which might help you. Please note that AWS does not endorse third party articles and they are shared only for your reference purposes. Alternatively, you may also consider reaching out to [Solution Architect ](https://aws.amazon.com/contact-us/sales-support1/)for architectural guidance on the mentioned use case.

Using Multiple Amplify Instances for System with Multiple Web Apps

Add your answer

Relevant content