Task 8

.gitignore

@@ -24,3 +24,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+cdk
+cdk.out

README.md

@@ -1,5 +1,22 @@
 # React-shop-cloudfront
 
+## Task 2
+
+- Link to S3-website: http://aws-2023-q4-course.s3-website-eu-west-1.amazonaws.com
+- Link to CloudFront: https://d6yi9zf2tot78.cloudfront.net
+
+- Link to APP that was created using CDK and another bucket: https://d37k2ipkdi7gkj.cloudfront.net
+   - Steps: 
+        - install cdk-lib
+        - create cdk folder
+        - enter cdk folder
+        - init cdk with 'cdk init app --language=typescript'
+        - add scripts to cdk.json
+        - add cdk.ts file 
+        - run 'cdk bootstrap'
+        - run 'cdk deploy'
+
+# Technologies
 This is frontend starter project for nodejs-aws mentoring program. It uses the following technologies:
 
 - [Vite](https://vitejs.dev/) as a project bundler

cdk/.gitignore

@@ -0,0 +1,8 @@
+*.js
+!jest.config.js
+*.d.ts
+node_modules
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out

cdk/.npmignore

@@ -0,0 +1,6 @@
+*.ts
+!*.d.ts
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out

cdk/README.md

@@ -0,0 +1,14 @@
+# Welcome to your CDK TypeScript project
+
+This is a blank project for CDK development with TypeScript.
+
+The `cdk.json` file tells the CDK Toolkit how to execute your app.
+
+## Useful commands
+
+* `npm run build`   compile typescript to js
+* `npm run watch`   watch for changes and compile
+* `npm run test`    perform the jest unit tests
+* `cdk deploy`      deploy this stack to your default AWS account/region
+* `cdk diff`        compare deployed stack with current state
+* `cdk synth`       emits the synthesized CloudFormation template

cdk/bin/cdk.ts

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+import 'source-map-support/register';
+import * as cdk from 'aws-cdk-lib';
+import { CdkStack } from '../lib/cdk-stack';
+
+const app = new cdk.App();
+new CdkStack(app, 'CdkStack', {
+  /* If you don't specify 'env', this stack will be environment-agnostic.
+   * Account/Region-dependent features and context lookups will not work,
+   * but a single synthesized template can be deployed anywhere. */
+
+  /* Uncomment the next line to specialize this stack for the AWS Account
+   * and Region that are implied by the current CLI configuration. */
+  // env: { account: process.env.CDK_DEFAULT_ACCOUNT, region: process.env.CDK_DEFAULT_REGION },
+
+  /* Uncomment the next line if you know exactly what Account and Region you
+   * want to deploy the stack to. */
+  // env: { account: '123456789012', region: 'us-east-1' },
+
+  /* For more information, see https://docs.aws.amazon.com/cdk/latest/guide/environments.html */
+});

cdk/cdk.json

@@ -0,0 +1,7 @@
+{
+    "app": "npx ts-node -P tsconfig.json --prefer-ts-exts cdk.ts",
+    "watch": {
+        "include": ["cdk.ts"]
+    },
+    "context": {}
+}

cdk/cdk.ts

@@ -0,0 +1,49 @@
+import * as cdk from 'aws-cdk-lib';
+import * as s3 from 'aws-cdk-lib/aws-s3';
+import * as s3deploy from 'aws-cdk-lib/aws-s3-deployment';
+import * as cloudfront from 'aws-cdk-lib/aws-cloudfront';
+import * as origins from 'aws-cdk-lib/aws-cloudfront-origins';
+
+const app = new cdk.App();
+
+const stack = new cdk.Stack(app, "AwsCourseAlexStack", {
+    env: { region: 'eu-west-1' }
+})
+
+const bucket = new s3.Bucket(stack, "AwsCourseAlexBucket", {
+    bucketName: "rs-aws-course-alex-bucket"
+})
+
+const originAccessIdentity = new cloudfront.OriginAccessIdentity(stack, "AwsCourseAlexOAI", {
+    comment: bucket.bucketName
+})
+
+bucket.grantRead(originAccessIdentity)
+
+const clfront = new cloudfront.Distribution(stack, "AwsCourseAlexDistribution", {
+    defaultBehavior: {
+        origin: new origins.S3Origin(bucket, {
+            originAccessIdentity
+        }),
+        viewerProtocolPolicy: cloudfront.ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
+    },
+    defaultRootObject: "index.html",
+    errorResponses: [
+        {
+            httpStatus: 404,
+            responseHttpStatus: 200,
+            responsePagePath: "/index.html",
+        },
+    ],
+})
+
+new s3deploy.BucketDeployment(stack, "DeployAwsCourseAlex", {
+    destinationBucket: bucket,
+    sources: [s3deploy.Source.asset("../dist")],
+    distribution: clfront,
+    distributionPaths: ["/*"],
+})
+
+new cdk.CfnOutput(stack, "Domain URL", {
+    value: clfront.distributionDomainName
+})

cdk/jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  testEnvironment: 'node',
+  roots: ['<rootDir>/test'],
+  testMatch: ['**/*.test.ts'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest'
+  }
+};

cdk/lib/cdk-stack.ts

@@ -0,0 +1,16 @@
+import * as cdk from 'aws-cdk-lib';
+import { Construct } from 'constructs';
+// import * as sqs from 'aws-cdk-lib/aws-sqs';
+
+export class CdkStack extends cdk.Stack {
+  constructor(scope: Construct, id: string, props?: cdk.StackProps) {
+    super(scope, id, props);
+
+    // The code that defines your stack goes here
+
+    // example resource
+    // const queue = new sqs.Queue(this, 'CdkQueue', {
+    //   visibilityTimeout: cdk.Duration.seconds(300)
+    // });
+  }
+}