Building a static website with Sapper [WIP]

How I made this blog

Edward Howard - Sep 28th

Sapper + Svelte

  • generate project

npx degit "sveltejs/sapper-template#webpack" blog

  • server
    • polka
    • express
  • client
  • template
  • routes
    • blog
    • posts
    • markdown
    • code highlighting
  • static export

S3 + Cloudfront

  • create s3 bucket
    • allow static hosting
    • index.html, 404.html
  • domain name
  • ssl certificate
  • cloudfront
    • need full s3 url with region
  • serving from non-root path

Forestry

  • static admin
  • s3 image hosting

Generate Thumbnails

  • s3 event
  • lambda function
    • sharp

GitHub actions

  • node
  • s3 sync
  • cloudfront invalidation