Awesome
Vite Elm SPA Template
A default template for building Elm SPA applications using Vite. Includes hot-module reload of Elm modules (courtesy of vite-plugin-elm
).
Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects.
Elm is a functional language that compiles to JavaScript. It helps you make websites and web apps. It has a strong emphasis on simplicity and quality tooling.
Live demo site: https://vite-elm-spa.netlify.app/
This template is based on vite-elm-template
Features
- Allows for SPA architecture using
orus-io/elm-spa
- Hot Module Reload of all code in the app (including Elm)
- Tooling installation via elm-tooling
- Includes Elm, elm-format, elm-json, and elm-test-rs
- Basic unit test and elm-review examples
- Github Actions CI for running tests
- Recommends the Elm VS Code extension
Get Started
# Clone the template locally, removing the template's Git log
npx degit lindsaykwardell/vite-elm-spa#main my-elm-app
# Enter the project, install dependencies, and get started!
cd my-elm-app
npm install
npm run dev
For more information about Vite, check out Vite's official documentation.
To learn more about Elm, check out Elm's official homepage.