Ecommerce Shopify WordPress Discussion

How can I Configure CloudFront for Path-Based Routing to Serve React and WordPress Sites?

I am working on setting up CloudFront to route traffic based on the URL path to serve different content hosted on Amazon S3 and a WordPress site deployed on a specific IP address. Here's the breakdown of my requirements and current setup: React Application on Amazon S3: I have a React application and it's build i have uploaded to an S3 bucket. Whenever there's a new update in the React app, for that I have created a Dockerfile and in this i create a build of react application and upload it to the S3 bucket. The React app is hosted on S3 and i want to make it accessible via URLs such as from the s3 bucket there i have uploaded my react app build https://www.example.com/user* https://www.example.com/signin https://www.example.com/forget https://www.example.com/signup https://www.example.com/resetpassword WordPress Site: I have deployed a WordPress site on a specific IP address (e.g., 146.48.42.88). All requests, including those for the homepage, should be directed to this WordPress site. Requirements: I have configured CloudFront to manage traffic based on URL paths but it's not working i want Direct traffic to the React application hosted on S3 for specific URLs. like i have provided above And for all other requests, including the homepage, to the WordPress site deployed on the specified IP address. Implement path-based routing using CloudFront behaviors. Despite investing significant time over the past 8 hours, I haven't found a suitable solution. Could someone provide a detailed, step-by-step explanation of how to configure CloudFront to meet these requirements? I appreciate any help or insights you can provide. Thank you!
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.