TL;DR

信頼性の高い Web アプリケーションを作るために設計された、Elm のアプリケーションフレームワーク。React における Next.js、Vue における Nuxt にあたる。

なぜ必要か

学びやすい規約、優れた開発ツール、実践的なガイド、実用的なアプリケーションを作るための資料を提供することを目標にしている。Elm に初めて触れる人にも向けたガイドがある。

仕組み

開発サーバとビルドツールが組み込まれていて、環境変数、npm、TypeScript、CSS ファイルを扱える。ルーティングはファイルベースで、ファイル名の規約でページと URL が結び付く。作ったアプリは SPA としてデプロイでき、Netlify や Vercel へのデプロイのガイドもある。

例

CLI(elm-land)で、プロジェクトの初期化、開発サーバの起動、ページの雛形の生成ができる。ここでは Bun の bunx で実行している。

bunx elm-land init my-project
bunx elm-land server
bunx elm-land add page:view /sign-in

関連

出典