feat: reducing TTL for api requests (#16)

* feat: reducing ttl for api requests

* fix: switching from millis to seconds

Author: JakePartusch

README.md

@@ -42,7 +42,7 @@ You can get a new Serverless UI site deployed to you AWS account in just a few s
 
 1. **AWS Prerequisites**
 
-   In order to deploy to AWS, you'll have to setup your machine with locally configured credentials. You'll find the best instructions [here](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html).
+   In order to deploy to AWS, you'll have to configure your machine with local credentials. You'll find the best instructions [here](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html).
 
 1. **Install the AWS CDK.**
 
@@ -66,7 +66,7 @@ You can get a new Serverless UI site deployed to you AWS account in just a few s
 
 1. **Deploy your static website**
 
-   Next, tell the Serverless UI where to find your website's static files
+   Finally, tell the Serverless UI where to find your website's static files
 
    ```shell
    sui deploy --dir="./dist"

packages/construct/src/serverless-ui.construct.ts

@@ -17,7 +17,13 @@ import {
 import { IFunction, Runtime } from "@aws-cdk/aws-lambda";
 import { NodejsFunction } from "@aws-cdk/aws-lambda-nodejs";
 import { BucketDeployment, ISource } from "@aws-cdk/aws-s3-deployment";
-import { CfnOutput, Construct, RemovalPolicy } from "@aws-cdk/core";
+import {
+  CfnOutput,
+  Construct,
+  Duration,
+  RemovalPolicy,
+  Stack,
+} from "@aws-cdk/core";
 import { Bucket, IBucket } from "@aws-cdk/aws-s3";
 import * as path from "path";
 
@@ -126,14 +132,17 @@ export class ServerlessUI extends Construct {
 
     const originConfigs: SourceConfiguration[] = restApis.map((restApi, i) => ({
       customOriginSource: {
-        //TODO: remove region reference?
-        domainName: `${restApi.restApiId}.execute-api.us-east-1.amazonaws.com`,
+        domainName: `${restApi.restApiId}.execute-api.${
+          Stack.of(this).region
+        }.amazonaws.com`,
         originPath: "/prod",
       },
       behaviors: [
         {
           pathPattern: `/api/${functionFiles[i].name}`,
           allowedMethods: CloudFrontAllowedMethods.ALL,
+          maxTtl: Duration.seconds(1),
+          defaultTtl: Duration.seconds(0),
         },
       ],
     }));