Lunch and learn in 30 min to introduce Static website generator Live demo here https://asciinema.org/a/107230

1. Static website generator
Lunch and learn in 30 minutes
Sylvain Witmeyer

2. A static website like in the good
old 90’s

3. What is a static
website
- Simply HTML pages
- Same content for all users
- Same content for all contexts
- Basic 1 URL = 1 content = 1
page

4. What is a dynamic
website
- Page built for each impression
- Include some logic
- Automatic content
- Also contains static
components (images, css, js)
- Content can vary for each
request
- Need a server with a server-side
language

5. Static vs Dynamic

6. Advantages
Static
Cheap to host
Fast
Quick & Easy to develop
Scalable
Secure
Run on browser
Dynamic
More functional
Easy to manage / CMS
Custom content
Content often store in Database
Uploaded only once
Real time update

7. Which one to choose ?

8. Think static first
Is static right
for me ?
Do I have to update content often ?
Do I have need to use a database ?
Do I have some techies in my team ?

9. Static website generators

10. What is a static website generator
Tool that apply recursively a template on files
Use markdown syntax for writing content
Write content offline and publish later
Examples https://www.staticgen.com/
- Hugo (go)
- Jekyll (ruby)
- Hexo (nodeJS)
- Octopress (fork of Jekyll)
- Pelican (python)

11. https://serverless.com/blog/ https://github.com/serverless/blog/tree/master/posts
Example

12. Labs with hugo
Publish your templates in 4 minutes

13. Prerequisite
- Install Hugo
- Create a github repository
- Pick up a theme at
http://themes.gohugo.io/

14. Create and deploy your static website in 4 min
https://asciinema.org/a/107230

15. Questions ?