Skip to content

A default template for building Elm SPA applications using Vite.

License

Notifications You must be signed in to change notification settings

lindsaykwardell/vite-elm-spa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jun 24, 2022
14f40ac Â· Jun 24, 2022

History

12 Commits
Jun 24, 2022
Jun 24, 2022
Sep 14, 2021
Jun 24, 2022
Jun 24, 2022
Jun 24, 2022
Jun 24, 2022
Sep 14, 2021
Jun 24, 2022
Jun 24, 2022
Jun 24, 2022
Jun 24, 2022
Jun 24, 2022
Sep 14, 2021
Sep 14, 2021
Sep 14, 2021
Jun 24, 2022
Jun 24, 2022
Sep 15, 2021
Sep 14, 2021

Repository files navigation

Vite Elm SPA Template

ci Gitpod ready-to-code

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.