elm-fullstackdeprecated

cli to initialize an elm-fullstack app

Usage no npm install needed!

<script type="module">
  import elmFullstack from 'https://cdn.skypack.dev/elm-fullstack';
</script>

README

Renamed to choonkeat/elm-webapp

Github repo at https://github.com/choonkeat/elm-webapp


Fullstack

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

Getting started

npx elm-fullstack element hello-app

This will create a skeleton file directory structure

hello-app
├── Makefile
├── index.js
└── src
    ├── Client.elm
    ├── Server.elm
    ├── Types.elm
    └── Types
        └── Auto.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.document or Browser.application instead, use either commands

    npx elm-fullstack document hello-app
    npx elm-fullstack application 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

  • src/Types.elm holds the types shared between Server and Client.

  • src/Types/Auto.elm contains auto-generated Json Encoder and Decoder for all types defined in src/Types.elm. See notes regarding imported types.

License

Copyright © 2020 Chew Choon Keat

Distributed under the MIT license.