When trying to deploy my fullstack gleam application, it ends up building everything, my website 'works' but there's no css! I'm using tailwind, everything runs fine using gleam run -m lustre/dev start locally.
I suppose something went wrong building/bundling tailwind, because of the following logs, only i'm not sure what because there doesn't seem to be any error message. Is there something special I need to do to make tailwind work on production deployments?
i tried using the following guide: https://hexdocs.pm/lustre/guide/07-full-stack-deployments.html , but with a few adaptations:
- i added some extra dependencies after some errors trying to build my frontend
Install build dependencies
RUN apk add --no-cache elixir nodejs npm git
Install Hex package manager for Elixir
RUN mix local.hex --force
- i decided to build to another folder (i dont want it to build inside my backend folder)
Compile the client code and output to static directory
RUN cd /build/lustre_football_matchmaking
&& gleam add --dev lustre_dev_tools
&& gleam run -m lustre/dev build app --minify --outdir=/build/static
from which afterwards the files get copied:
Copy the compiled server code from the builder stage
COPY --from=builder /build/api_football_matchmaking/build/erlang-shipment /app
Copy the static files to the app directory
COPY --from=builder /build/static /app/static
Am I doing anything wrong/ not up to standards? any recomendations?
See screenshots to see how i serve my frontend in my backend router file: