This is a sample code reference on how to create and Elm application with multiple pages using the Single-page Single-page Application architecture.
Please follow these steps:
- Step0: Create a simple page applications (code)
- Step1: Upgrade to a full navigation application (code)
- Step2: Add an extra page (code)
- Step3: Support for global shared data (code)
- Step4: Make the illusion real (code)
- Step5: Making the web server happy (code)
IMPORTANT: This is only one way to provide SPA support for Elm, you do not need to implement new projects following exactly this code, please use it only as a reference and at the step level you may require.
The source code is at https://github.com/csaltos/elm-mini-spa and the full tutorial at https://www.udemy.com/course/elm-the-complete-guide/.
This sample code is created with love by Carlos Saltos, please considere to buy me a coffee.