elm-spa add

create new pages from the command line.

typing is for nerds!

Once you have created a new project with elm-spa init, you can use the elm-spa add command like this:

elm-spa add static Example

That command will create a file at src/Pages/Example.elm that looks something like this:

module Pages.Example exposing (Model, Msg, page)

-- imports

page : Spa.Page Model Msg
page =
  Page.static
    { title = always "Example"
    , view = always view
    }

view : Html Msg
view =
  text "Example"

It's just a bit of boilerplate to get you started on creating your next thing.

creating more complex pages

You can create any of the four page types with this command!

elm-spa add static Example

elm-spa add sandbox Example

elm-spa add element Example

elm-spa add component Example

one more thing!

there's one last perk when you use the elm-spa add command:

it will automatically create layout files for you too!

elm-spa add element Foo.Bar

elm-spa created 2 files:

  /code/your-project/src/Layouts/Foo.elm
  /code/your-project/src/Pages/Foo/Bar.elm