Fable Feliz Feliz.DaisyUI Vite App
This is a template Fable project for me which uses Vite so you can easily get started and add your own code progressively.
Requirements
- dotnet SDK 6.0 or higher
- node.js
- An F# editor like Visual Studio, Visual Studio Code with Ionide or JetBrains Rider
Building and running the app
- Install dependencies:
npm install - Run the app:
npm start - Build the app for deployment:
npm run build
Any modification you do to the F# code will be reflected in the web page after saving.
Project structure
.
├── Nuget.Config
├── README.md
├── package-lock.json
├── package.json - JS dependencies
├── build - Ready to deploy files when you run `npm run build`
├── dist - Compiled JS from F# file
├── index.html - Main HTML file
├── vite.config.js - config for vite
├── tailwind.config.js - config for tailwind
├── public
│ ├── favicon.ico - Fable favicon
└── src
├── Main.fs - F# sample code
├── Extensions.fs - F# helper functions from Feliz template
├── Components.fs - F# sample react component
└── App.fsproj - F# project
Stuff I (jasiozet) added:
- Feliz https://zaid-ajaj.github.io/Feliz/#/
- Feliz.DaisyUI https://dzoukr.github.io/Feliz.DaisyUI/#/
- Vite https://fable.io/Fable.Lit/docs/hmr.html
Commands for that:
- femto install Feliz
- femto Feliz.DaisyUI
- npm i -D vite