Question 1

How do I add a new page in Elm App Boilerplate?

Accepted Answer

Create a new module under src/App/Page/ with corresponding Elm and CSS files, then update the routing in the relevant Section's Route.elm. The README outlines the structured directory approach for pages and sections.

Question 2

Elm App Boilerplate vs create-elm-app: which is better for starters?

Accepted Answer

Elm App Boilerplate offers more integrated tooling like elm-css and Shippable CI/CD, while create-elm-app is simpler and more minimal. Choose this if you need advanced workflows; otherwise, create-elm-app is faster for basic setups.

Question 3

Can I use Tailwind CSS with this boilerplate?

Accepted Answer

Not directly, as it's designed for elm-css. Integrating Tailwind would require overriding the webpack config to handle PostCSS and likely abandoning the built-in styling conventions, adding complexity.

Question 4

How to deploy Elm App Boilerplate to Netlify?

Accepted Answer

Build the project with 'npm run build' and deploy the dist/ folder, but you may need to adjust the BASE_PATH environment variable in Netlify's settings to match their static hosting structure.

Question 5

Does it support Elm UI or other UI libraries?

Accepted Answer

Primarily no; the boilerplate is optimized for elm-css, so using Elm UI or similar libraries might conflict with the CSS-in-Elm approach and require significant modifications to the styling pipeline.

Question 6

How to update Elm version in this setup?

Accepted Answer

Modify elm-package.json and tests/elm-package.json, then run Elm commands via npm scripts (e.g., 'npm run elm-package -- install'). However, ensure compatibility with webpack and elm-hot-loader, which may need updates.

elm-app-boilerplate

What is elm-app-boilerplate?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions