haecksathon #4

Opening notes

Hi 👋🙂

It’s so cool you’ve made it here.

Let’s talk about static site generators.

What is a website?

A bunch of files is fetched by a browser?

  • An HTML document
  • Resources used by that document
  • A method of navigation and retrieval

Static and dynamic websites

Artisanal, hand made

  • Easy: write .html file by hand
  • Simple operations: copy file to some server
  • Tedious: repetitive parts like headers, footers, menus..

Dynamic

  • Complex: generate .html on demand
  • Harder operations: databases, execution, logs, ..
  • Can do everything (some limits apply)

Static, generated

  • Medium complexity: still somewhat easy
  • Asset preprocessing
  • Can use databases and APIs as content sources
  • Simple operations: copy files to some server
  • Repetitive work reduced

Static site generators

  • There are many different ones.
  • It’s a well loved classic to build your own ;)

Some names

Astro

  • Builds on nodejs
  • A dev server
  • Asset preprocessing
  • A component system
  • A way of organizing content

Demo

Can we have a demo?