Julio on Twitch.TV/AWS

README.md

This is the first gist with notes my broadcasts on [Twitch.TV/AWS](twitch.tv/aws].

This broadcast is all about being:

• Interactive and driven by you: use Twitch Chat or @jmfaerman on twitter to send your questions and comments.
• Beginners friendly, but not basic: we'll dive deep, but all questions will be answered.
• English, Javascript and Open Source first: Being accessible to most developers, in the abscence of further requirements.
• Data applications development and integration: collection, analysis, learning, visualization and all around data on AWS.

Next episode:

Application Delivery

Join us for application delivery and heat up our app with serverless data collection!

See you next Thursday, March 23 4pm GMT (5pm Madrid, 4pm London, 11am NYC, 8am SFO)

S01E01.md

In the first broadcast we:

Created an open-source project:

https://github.com/jfaerman/breakless

Presented the AWS Console, AWS CLI and AWS Javascript SDKs

• AWS Console: http://aws.amazon.com/console
• AWS CLI: https://aws.amazon.com/cli/
• AWS Node.js SDK: http://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/getting-started-nodejs.html
• AWS Browser SDK: http://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/getting-started-browser.html

Stored static content on Amazon S3

Website deployed to s3://prod.breakless.bike

Regional delivery with S3 static website hosting

Website served directly from S3 bucket for a while, but moved to CloudFront. We showed the two ways to make objects publicly accessible:

• Setting the Object ACL ('make public' on console or '--acl public-read' on CLI)
• Setting the Bucket Policy, here is ours:

{
  "Version":"2012-10-17",
  "Statement":[
    {
      "Sid":"AddPerm",
      "Effect":"Allow",
      "Principal": "*",
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::prod.breakless.bike/*"]
    }
  ]
}

Global delivery with Amazon CloudFront

Using CloudFront delivery is more:

• Performant (CDN edge closer to users)
• Cost efficient (Cached responses will not hit ELBs, instances & functions)
• Secure (Attacks must pass AWS Shield and possibly WAF before reaching your application)

Up and running at: http://d11f2lti3pafhi.cloudfront.net/

Caching and content expiration

See: http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Expiration.html

Static website engines (Jekyll, React, GWT and more)

Deployed a Jekyll and a React sample application from quickstart, but same would be for any Single Page Application framework or static blog generator. Just sync to S3:

$ aws s3 sync \
  build/ \
  s3://prod.breakless.bike \
  --delete \
  --cache-control "max-age=15"
  --region=us-east-1

Thanks for joining!

https://www.youtube.com/watch?v=TowcW1aTDqE&t=7276s