Fullstack

A setup for writing http based, client-server app in elm, inspired wholly by Lamdera

Getting started

npx elm-fullstack-init element hello-app

This will create a skeleton file directory structure

hello-app
├── Makefile
├── index.js
└── src
    ├── Client.elm
    ├── Server.elm
    └── Types.elm

1 directory, 5 files

• src/Client.elm is where our Browser.element resides. The only exception is, this app includes a built-in sendToServer Task

  • to generate Browser.application or Browser.document instead, use either

  npx elm-fullstack-init application hello-app
  

  or

  npx elm-fullstack-init document hello-app
  

• src/Server.elm is where our elm Platform.worker resides. It serves your SPA by default, and can respond to sendToServer

• src/Types.elm includes the custom types that defines the protocol between Client and Server

• index.js boots up our Server.elm and listens to http requests at port 8000

License

Copyright © 2020 Chew Choon Keat

Distributed under the MIT license.