https://github.com/jasiozet/fable-feliz-template

Fable, Feliz, DaisyUI, Vite project starter
https://github.com/jasiozet/fable-feliz-template

Last synced: 2 months ago
JSON representation

Fable, Feliz, DaisyUI, Vite project starter

• Host: GitHub
• URL: https://github.com/jasiozet/fable-feliz-template
• Owner: jasiozet
• Created: 2022-06-08T19:24:32.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-16T10:17:04.000Z (almost 2 years ago)
• Last Synced: 2024-01-30T12:31:10.946Z (5 months ago)
• Language: F#
• Homepage:
• Size: 184 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-fsharp-project-templates - jasiozet/fable-feliz-template - Fable, Feliz, DaisyUI, Vite project starter (List / Fable)

README

        
# Fable Feliz Feliz.DaisyUI Vite App

This is a template Fable project for me which uses [Vite](https://fable.io/Fable.Lit/docs/hmr.html) so you can easily get started and add your own code progressively.

## Requirements

* [dotnet SDK](https://www.microsoft.com/net/download/core) 6.0 or higher

* [node.js](https://nodejs.org)

* An F# editor like Visual Studio, Visual Studio Code with [Ionide](http://ionide.io/) or [JetBrains Rider](https://www.jetbrains.com/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