siteelm

a static site generator for Elm

Usage no npm install needed!

<script type="module">
  import siteelm from 'https://cdn.skypack.dev/siteelm';
</script>

README

siteelm

demo: https://siteelm.netlify.com/ (source)

about

It's just another static site generator for Elm, but has some features.

  • you can write YAML in preamble sections
  • in a preamble, you can load external YAML files
  • it's easy to mix dynamic Elm components
  • simple rules to use

concept

to make a template, what you need to do is writing preamble models, their decoder, and two functions return Html Never (for HEAD and BODY)

siteelm

usage

install

% npm install -g elm
% npm install -g siteelm

or if you'd like to do everything locally,

% npm install -D elm siteelm

in this case, type "% npx siteelm 〜" instead of "% siteelm 〜"

initialize project

% mkdir mysite
% cd mysite
% siteelm init

Then you'll see a scaffold in the directory.

developing

% cd mysite
% siteelm server -d

Then access "http://localhost:3000/"
The server supports file watching and auto reloading. If you don't need the server, use siteelm watch instead.

building

% cd mysite
% siteelm make -o