This repository is an example of an application with backend and frontend both in Scala that can be deployed easily on fly.io.

It features:

• frontend with Laminar
• frontend web-component library with UI5
• frontend packaging with vitejs
• backend (on NodeJS) with express
• backend hot reload with nodemon
• JSON serialization with circe

If you prefer an example with a backend on the JVM, see this repo instead.

To run this project, you will need installed

• npm (v16)
• sbt
• a jdk 11

The first time, run in one terminal:

cd frontend
npm ci
cd ..
cd server
npm ci

Then, in one terminal:

sbt
~fastLinkJS

(If you prefer to separate backend and frontend compilation, you can do ~server/fastLinkJS and ~frontend/fastLinkJS in two different terminals.)

In another terminal

cd server
npm run dev

In a third (last) terminal

cd frontend
npm run dev

Then you can go to localhost:3000/static.

You can package the whole application into the deploy folder with

sbt packageApplication

Then you can run it with cd deploy/dist && npm ci && npm run prod then go to localhost:9000.

You can also build a Docker image for the app with (note that the tag name does not matter)

cd deploy
docker build --tag demoscalaflyio .

Then run it with

docker run --rm -p 9000:8080 demoscalaflyio

and then go to localhost:9000.

The project contains a fly.toml file in the deploy directory generated via fly launch.

You can apply it to your account via fly deploy and then see that it's live with fly open. (If not logged in already, you need to fly auth login.)

You need to have flyctl installed for this to work.

You can see more complete instructions here.