Static Website assets through cloudfront with dynamic index.html


#1

What is the best way of deploying a Single Page app with a dynamic index.html page built through lambda.

The app is currently being served through CloudFront with the S3 bucket origin and a static html page.

I want to serve different index.html depending on our client’s domain name which will be pointing at this deployment.


#2

You’re basically looking at 1x CDN and S3 per site if you want unique index pages. You could then choose to prerender your routes or not.

A more advanced solution where you can have multiple routes, index pages and domains you would likely need to use Lambda@Edge to handle the routing.

You could either hard code it, or implement something like this… https://github.com/idvb/middy-reroute

Full disclosure, I wrote it to make things like this dead simple.


#3

Thanks @iDVB, I’ll take a look at the reroute option.