jamil7 / elmish-tailwind-typed-css-starter

A starter template with Elmish + Tailwind + TypedCssClasses

Elmish + Tailwind + TypedCssClasses Starter

This is a starter template for those looking to use Elmish with Tailwind and CSS type provider.

It uses:

• Elmish.React
• Elmish.HMR
• Feliz (as a DSL instead of Elmish double list style)
• Zanaptak.TypedCssClasses (CSS type provider)
• Tailwind CSS
• Prettier
• Webpack 5
• Yarn (changing to npm should be quite easy just replace yarn with npm in the package.json and remove yarn.lock)

Running the first time

yarn install
yarn first-start

Running the app (not the first time)

yarn start

Generate production files

yarn build

The files will wind up in deploy.

Acknowledgement

This repo is more or less a port of @zanaptak's Tailwind sample (a huge thanks to him!). The difference is that this one uses Elmish instead of Feliz (Feliz is still used as a DSL). This difference meant changing the hot module reload extension in Webpack, which took me a while to figure out so here we are :D