AWS Amplify: What is the best infrastracutre approach for this web app?

AWS Amplify is an excellent choice for building and deploying your React web app with the requirements you've described. Here's an approach to consider:

1. Frontend Development: Use Amplify's React library to build your web application. This will provide you with tools and components to easily implement authentication, data management, and hosting.

2. Authentication: Implement user authentication using Amplify's built-in authentication feature. This will allow you to manage admin and viewer roles effectively. You can use Amazon Cognito as the backend service for user management and authentication.

3. Data Storage and Management: Utilize Amplify DataStore, which is backed by Amazon DynamoDB. This will allow you to:

• Store page customizations for each client
• Implement real-time synchronization between admins and viewers
• Enable offline capabilities for admins to work on edits even without an internet connection

4. Access Control: Implement fine-grained access control using Amplify's authorization rules. You can set up rules at the model or field level to ensure that only admins can edit, while viewers have read-only access.

5. Multi-tenant Architecture: To support hundreds of clients with their own pages:

• Use a multi-tenant data model where each client has a unique identifier
• Store page data and customizations with this identifier as a key
• Implement routing in your React app to direct users to the correct page based on the client identifier

6. Scalability: Amplify is built on AWS serverless technologies, allowing your app to automatically scale as your client base grows. You'll only pay for the resources you use, making it cost-effective as you start and grow your business.

7. Deployment and Hosting: Use Amplify's built-in hosting service to deploy and host your React app. This provides a global content delivery network (CDN) for fast access worldwide.

By leveraging AWS Amplify's features, you can create a scalable, secure, and efficient web app that meets your requirements. The platform's integration with various AWS services will help you manage authentication, data storage, and access control without having to build these components from scratch.

Sources
Full Stack Development - Web and Mobile Apps - AWS Amplify
AWS Amplify | Extensible Web & Mobile Apps | Amazon Web Services
Conclusion - Amplify DataStore: Use Cases and Implementation

Hi,

What you describe looks to me like a multi-tenant application (with a single admin in your use case).

So, I'd suggest you to follow the best practices of multi-tenant applications with Amplify

See:

• https://github.com/aws-samples/multitenant-application-on-aws-amplify
• https://medium.com/@saman.khataie/an-updated-guide-on-simple-multitenant-architecture-using-aws-amplify-and-react-native-expo-8c217eb5c422
• https://medium.com/@dantasfiles/multi-tenant-aws-amplify-cc3252c4def4

Best,

Didier