Using Golang to statically generate your Web site
Gophers Meetup #18 (November 2016)
Kai Hendry
Why static HTML?
- twitter.com/slightlylate/status/789407395583700993
- S3 + Cloudfront === blazen fast
- Think the Google bot will grok your 5MB JS bundle?
- SEO
- ISOMORPHISM IS REALLY HARD (phantomJS is a joke, please)
Golang HTML templates
- Fast
- Automatic contextual escaping
How most 2016 production sites look like nowadays
- API serving JSON responses
- ReactJS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web application</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> </head> <body> <div id="app"></div> <script src="/dist/FIVE-MEGABYTE-bundle.js"></script> </body> </html>
Lets throw in Golang to statify non-dynamic routes
Tips
- /sitemap.txt
- mholt.github.io/json-to-go/
- Design URL routes with trailing slashes to avoid costly redirects !
Test
- Page speed insights
- `time curl`
- httping
- github.com/davecheney/httpstat
- lighthouse for PWA
Code demos
{{ template "header" . }} <h1>404</h1> {{ template "footer" }} </body> </html>
- HTML template includes
- github.com/kaihendry/blog
- github.com/kaihendry/lk/blob/master/main.go
- github.com/kaihendry/toc