zenn-cloudfront-resize-image

1. Access the server at https://your.domain.com/images/some_file.jpg?w=1280&h=960.
2. Use Lambda@Edge to transform the URL to https://your.domain.com/images/w=1280&h=960&quality=50&ext=webp&fit=inside/some_file.jpg.
3. Access S3 using the transformed URL.
4. If the file exists in S3, proceed to step 6; if it doesn't exist, perform step 5.
5. Convert the image at the original access location, images/some_file.jpg, and save it as images/w=1280&h=960&quality=50&ext=webp&fit=inside/some_file.jpg.
6. Return either the retrieved file or the converted file.

zenn article

• CloudFrontで画像をリサイズしつつ配信する

deploy step

1. create infra/params.ts from example

$ cd infra
$ cp paramsExample.ts params.ts

2. prepare your domain in Route53

3. get Certificate of your domain in ACM

4. edit params.ts and set parameters

5. deploy via CDK

# in infrastructure directory
$ cdk ls
zenn-cf-resize-node-lambda
zenn-cf-resize-cloudfront

$ cdk deploy zenn-cf-resize-cloudfront

6. access your file