Skip to content

Commit 1df2006

Browse files
rossmck80rossmck80
committed
Added new Typescript example static-site-basic
1 parent 2dc9931 commit 1df2006

File tree

9 files changed

+198
-0
lines changed

9 files changed

+198
-0
lines changed

‎typescript/static-site-basic/DO_NOT_AUTOTEST‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
This example depends on preconfiguration in the account
2+
which cannot be automatically tested.

‎typescript/static-site-basic/README.md‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Static site
2+
3+
## <!--BEGIN STABILITY BANNER-->
4+
5+
![Stability: Experimental](https://img.shields.io/badge/stability-Experimental-important.svg?style=for-the-badge)
6+
7+
> **This is an experimental example. It may not build out of the box**
8+
>
9+
> This example is built on Construct Libraries marked "Experimental" and may not be updated for latest breaking changes.
10+
>
11+
> If build is unsuccessful, please create an [issue](https://github.com/aws-samples/aws-cdk-examples/issues/new) so that we may debug the problem
12+
13+
---
14+
15+
<!--END STABILITY BANNER-->
16+
17+
This example creates the infrastructure for hosting a static site, which uses an S3 bucket for storing the content. The site contents (located in the 'site-contents' sub-directory) are deployed to the bucket. As this is a basic example, it is not intended for production workloads. It does not use a CloudFront distribution or SSL.
18+
19+
## Prep
20+
21+
## Deploy
22+
23+
```shell
24+
$ npm install -g aws-cdk
25+
$ npm install
26+
$ npm run build
27+
$ cdk deploy -c static-content-prefix=web/static
28+
```

‎typescript/static-site-basic/cdk.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"app": "node index"
3+
}

‎typescript/static-site-basic/index.ts‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
#!/usr/bin/env node
2+
import * as cdk from "aws-cdk-lib";
3+
import { StaticSiteBasic } from "./static-site-basic";
4+
5+
/**
6+
* This stack allows the user to specify a prefix path for static content in their
7+
* website hosting bucket.
8+
* Use 'cdk synth -c static-content-prefix=web/static '
9+
* Or add the following to cdk.json:
10+
* {
11+
* "context": {
12+
* "static-content-prefix": "web/static",
13+
* }
14+
* }
15+
**/
16+
class MyStaticSiteBasicStack extends cdk.Stack {
17+
constructor(parent: cdk.App, name: string, props: cdk.StackProps) {
18+
super(parent, name, props);
19+
20+
new StaticSiteBasic(this, "StaticSiteBasic", {
21+
staticContentPrefix: this.node.tryGetContext("static-content-prefix"),
22+
});
23+
}
24+
}
25+
26+
const app = new cdk.App();
27+
28+
new MyStaticSiteBasicStack(app, "MyStaticSite", {
29+
env: {
30+
account: app.node.tryGetContext("accountId"),
31+
},
32+
});
33+
34+
app.synth();

‎typescript/static-site-basic/package.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"name": "static-site-basic",
3+
"version": "1.0.0",
4+
"description": "Infrastructure for an HTTPS static site using S3 and CloudFront",
5+
"scripts": {
6+
"build": "tsc",
7+
"watch": "tsc -w",
8+
"cdk": "cdk"
9+
},
10+
"author": {
11+
"name": "Amazon Web Services",
12+
"url": "https://aws.amazon.com",
13+
"organization": true
14+
},
15+
"license": "Apache-2.0",
16+
"devDependencies": {
17+
"@types/node": "^10.17.0",
18+
"aws-cdk": "*",
19+
"typescript": "~5.1.6"
20+
},
21+
"dependencies": {
22+
"aws-cdk-lib": "^2.0.0",
23+
"constructs": "^10.0.0"
24+
}
25+
}

‎typescript/static-site-basic/site-contents/error.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<html>
2+
<header><title>Hello world: Error</title></header>
3+
<body>
4+
Uh oh, you reached the error page!
5+
</body>
6+
</html>

‎typescript/static-site-basic/site-contents/index.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<html>
2+
<header><title>Hello world</title></header>
3+
<body>
4+
Hello, world!
5+
</body>
6+
</html>

‎typescript/static-site-basic/static-site-basic.ts‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
#!/usr/bin/env node
2+
import * as s3 from "aws-cdk-lib/aws-s3";
3+
import * as s3deploy from "aws-cdk-lib/aws-s3-deployment";
4+
import { CfnOutput, RemovalPolicy, Stack } from "aws-cdk-lib";
5+
import { Construct } from "constructs";
6+
import path = require("path");
7+
8+
export interface StaticSiteBasicProps {
9+
staticContentPrefix: string;
10+
}
11+
12+
/**
13+
* Static site infrastructure, which deploys site content to an S3 bucket.
14+
*
15+
* The site redirects from HTTP to HTTPS, using a CloudFront distribution,
16+
* Route53 alias record, and ACM certificate.
17+
*/
18+
export class StaticSiteBasic extends Construct {
19+
constructor(parent: Stack, name: string, props: StaticSiteBasicProps) {
20+
super(parent, name);
21+
22+
// new CfnOutput(this, "Site", { value: "https://" + siteDomain });
23+
24+
// Content bucket
25+
const indexDocument = "index.html";
26+
27+
const websiteBucket = new s3.Bucket(this, "WebsiteBucket", {
28+
websiteIndexDocument: indexDocument,
29+
publicReadAccess: true,
30+
blockPublicAccess: new s3.BlockPublicAccess({
31+
blockPublicAcls: false,
32+
blockPublicPolicy: false,
33+
ignorePublicAcls: false,
34+
restrictPublicBuckets: false,
35+
}),
36+
/**
37+
* The default removal policy is RETAIN, which means that cdk destroy will not attempt to delete
38+
* the new bucket, and it will remain in your account until manually deleted. By setting the policy to
39+
* DESTROY, cdk destroy will attempt to delete the bucket, but will error if the bucket is not empty.
40+
*/
41+
removalPolicy: RemovalPolicy.DESTROY, // NOT recommended for production code
42+
43+
/**
44+
* For sample purposes only, if you create an S3 bucket then populate it, stack destruction fails. This
45+
* setting will enable full cleanup of the demo.
46+
*/
47+
autoDeleteObjects: true, // NOT recommended for production code
48+
});
49+
50+
new CfnOutput(this, "Bucket", { value: websiteBucket.bucketName });
51+
new CfnOutput(this, "StaticSiteUrl", {
52+
value: [
53+
websiteBucket.bucketWebsiteUrl,
54+
props.staticContentPrefix,
55+
indexDocument,
56+
].join("/"),
57+
});
58+
59+
// Deploy site contents to S3 bucket
60+
new s3deploy.BucketDeployment(this, "DeployWebsite", {
61+
//sources: [s3deploy.Source.asset(path.join(__dirname, './site-contents'))],
62+
sources: [s3deploy.Source.asset(path.join(__dirname, "./site-contents"))],
63+
destinationBucket: websiteBucket,
64+
destinationKeyPrefix: props.staticContentPrefix, // optional prefix in destination bucket
65+
});
66+
}
67+
}

‎typescript/static-site-basic/tsconfig.json‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"compilerOptions": {
3+
"target": "ES2018",
4+
"module": "commonjs",
5+
"lib": [
6+
"es2016",
7+
"es2017.object",
8+
"es2017.string"
9+
],
10+
"strict": true,
11+
"noImplicitAny": true,
12+
"strictNullChecks": true,
13+
"noImplicitThis": true,
14+
"alwaysStrict": true,
15+
"noUnusedLocals": true,
16+
"noUnusedParameters": true,
17+
"noImplicitReturns": true,
18+
"noFallthroughCasesInSwitch": false,
19+
"inlineSourceMap": true,
20+
"inlineSources": true,
21+
"experimentalDecorators": true,
22+
"strictPropertyInitialization": false
23+
},
24+
"include": [
25+
"./*.ts"
26+
]
27+
}

0 commit comments

Comments
 (0)