Deploying Jekyll to AWS - Speaker Deck

Deploying Jekyll to AWS

by Matthew Loberg

Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

D E PLOYI N G J E KYL L T O AWS

Slide 2

Slide 2 text

@mloberg mlo.io

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

WH Y AWS?

Slide 5

Slide 5 text

WH Y AWS?

Slide 6

Slide 6 text

• Cheap • Fast • Reliable • Customizability WH Y AWS?

Slide 7

Slide 7 text

S E TU P

Slide 8

Slide 8 text

S E TU P • Create bucket

Slide 9

Slide 9 text

S E TU P • Create bucket

Slide 10

Slide 10 text

S E TU P • Create bucket

Slide 11

Slide 11 text

S E TU P • Create bucket • Add bucket policy

Slide 12

Slide 12 text

S E TU P • Create bucket • Add bucket policy

Slide 13

Slide 13 text

S E TU P • Create bucket • Add bucket policy

Slide 14

Slide 14 text

S E TU P • Create bucket • Add bucket policy

Slide 15

Slide 15 text

S E TU P • Create bucket • Add bucket policy

Slide 16

Slide 16 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration

Slide 17

Slide 17 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration

Slide 18

Slide 18 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration

Slide 19

Slide 19 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration • Upload site

Slide 20

Slide 20 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration • Upload site

Slide 21

Slide 21 text

S E TU P • Create bucket • Add bucket policy • Add website conﬁguration • Upload site

Slide 22

Slide 22 text

A DVA N C E S E TU P

Slide 23

Slide 23 text

A DVA N C E S E TU P • Create Route 53 Zone

Slide 24

Slide 24 text

A DVA N C E S E TU P • Create Route 53 Zone

Slide 25

Slide 25 text

A DVA N C E S E TU P • Create Route 53 Zone

Slide 26

Slide 26 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate

Slide 27

Slide 27 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate

Slide 28

Slide 28 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate

Slide 29

Slide 29 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution

Slide 30

Slide 30 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution

Slide 31

Slide 31 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution

Slide 32

Slide 32 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution • Add Route 53 Record

Slide 33

Slide 33 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution • Add Route 53 Record

Slide 34

Slide 34 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution • Add Route 53 Record

Slide 35

Slide 35 text

A DVA N C E S E TU P • Create Route 53 Zone • Create SSL Certiﬁcate • Create CloudFront Distribution • Add Route 53 Record

Slide 36

Slide 36 text

D E P LOYM E N TS

Slide 37

Slide 37 text

D E P LOYM E N TS • Upload to S3

Slide 38

Slide 38 text

D E P LOYM E N TS • Upload to S3

Slide 39

Slide 39 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation

Slide 40

Slide 40 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation

Slide 41

Slide 41 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation

Slide 42

Slide 42 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation • Create IAM user just for deployments

Slide 43

Slide 43 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation • Create IAM user just for deployments

Slide 44

Slide 44 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation • Create IAM user just for deployments • Automate with Continuous Integration (CircleCI, Travis)

Slide 45

Slide 45 text

D E P LOYM E N TS • Upload to S3 • Create CloudFront Invalidation • Create IAM user just for deployments • Automate with Continuous Integration (CircleCI, Travis) https:/ /github.com/mloberg/mlo.io/blob/master/.circleci/conﬁg.yml

Slide 46

Slide 46 text

T I P S & T R I C KS

Slide 47

Slide 47 text

T I P S & T R I C KS • Redirect www to non-www

Slide 48

Slide 48 text

T I P S & T R I C KS • Redirect www to non-www

Slide 49

Slide 49 text

T I P S & T R I C KS • Redirect www to non-www

Slide 50

Slide 50 text

T I P S & T R I C KS • Redirect www to non-www • Add caching

Slide 51

Slide 51 text

T I P S & T R I C KS • Redirect www to non-www • Add caching • Add cache headers to S3 Objects

Slide 52

Slide 52 text

T I P S & T R I C KS • Redirect www to non-www • Add caching • Add cache headers to S3 Objects

Slide 53

Slide 53 text

T I P S & T R I C KS • Redirect www to non-www • Add caching • Add cache headers to S3 Objects • Add long caches to images or things that never change

Slide 54

Slide 54 text

T I P S & T R I C KS • Redirect www to non-www • Add caching • Add cache headers to S3 Objects • Add long caches to images or things that never change

Slide 55

Slide 55 text

T I P S & T R I C KS • Redirect www to non-www • Add caching • Add cache headers to S3 Objects • Add long caches to images or things that never change • Use hashed ﬁlenames to create long caches for CSS/JS

Slide 56

Slide 56 text

T H A N K YO U @mloberg mlo.io github.com/mloberg github.com/mloberg/mlo.io