jasiozet / fable-feliz-template

Fable, Feliz, DaisyUI, Vite project starter

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