brettrowberry/fableconf2019-fableremoting

Presented at FableConf 2019

Video presentation: https://m.youtube.com/watch?v=GvXKnqUPB8o

SAFE Template

This template can be used to generate a full-stack web application using the SAFE Stack. It was created using the dotnet SAFE Template. If you want to learn more about the template why not start with the quick start guide?

Install pre-requisites

You'll need to install the following pre-requisites in order to build SAFE applications

• The .NET Core SDK
• FAKE 5 installed as a global tool
• The Yarn package manager (you an also use npm but the usage of yarn is encouraged).
• Node LTS installed for the front end components.
• If you're running on OSX or Linux, you'll also need to install Mono.

Work with the application

To concurrently run the server and the client components in watch mode use the following command:

fake build -t Run

SAFE Stack Documentation

You will find more documentation about the used F# components at the following places:

• Giraffe
• Fable
• Elmish
• Fable.Remoting
• Fulma

If you want to know more about the full Azure Stack and all of it's components (including Azure) visit the official SAFE documentation.

Troubleshooting

• fake not found - If you fail to execute fake from command line after installing it as a global tool, you might need to add it to your PATH manually: (e.g. export PATH="$HOME/.dotnet/tools:$PATH" on unix) - related GitHub issue

fableconf2019-fableremoting's Issues

error Fortawesome Fable

Brett, Like your project. Were does this error come from?

ERROR in ./src/Client/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/lib/loader.js??ref--6-2!./src/Client/style.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
^
Can't find stylesheet to import.
╷
5 │ @import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
stdin 5:9 root stylesheet
in C:\C#Projects\SAFE-Stack\Fable-Remoting\FableConf2019-FableRemoting\src\Client\style.scss (line 5, column 9)
@ ./src/Client/style.scss 2:14-136 21:1-42:3 22:19-141
@ multi ./src/Client/style.scss