Add Frontend build configuration for Tailwind CSS

README.md

@@ -36,6 +36,16 @@ The deployment job runs after successful tests and only for the `main` branch. I
 5. Sets up direnv
 6. Deploys to a NixOS server
 
+## Tailwind CSS (Optional)
+
+This project includes optional Tailwind CSS support. To enable:
+
+1. Uncomment the `packages.frontend` block in `flake.nix`
+2. Adapt the build paths to match your project structure
+
+You can check the Tailwind build by executing `nix build .#frontend`
+
+
 ## Setup Instructions
 
 To use the GitHub Actions workflow in this project:

flake.nix

@@ -34,6 +34,29 @@
                     ];
                 };
 
+                # Frontend build configuration for Tailwind CSS
+                # Uncomment the following block to enable Tailwind CSS build process
+                # packages.frontend = pkgs.stdenv.mkDerivation {
+                #     name = "frontend";
+                #     src = ./.;
+                #     buildInputs = with pkgs; [ nodejs yarn ];
+                #     buildPhase = ''
+                #         # Install dependencies
+                #         yarn install --frozen-lockfile
+                #
+                #         # Build Tailwind CSS
+                #         # Adapt the following line to match your project structure:
+                #         # ./node_modules/.bin/tailwindcss -i ./src/styles/globals.css -o ./static/tailwind.css
+                #
+                #         # Build other frontend assets if needed
+                #         # yarn build
+                #     '';
+                #     installPhase = ''
+                #         mkdir -p $out
+                #         cp -r static/* $out/ || true
+                #     '';
+                # };
+
                 # Custom configuration that will start with `devenv up`
                 devenv.shells.default = {
                     # Start Mailhog on local development to catch outgoing emails