chore: production setup

apps/client/.gitignore

@@ -4,3 +4,4 @@
 # React Router
 /.react-router/
 /build/
+/dist/

apps/client/app/root.tsx

@@ -8,7 +8,7 @@ import "./app.css";
 import { client } from "./api-client/client.gen";
 
 client.setConfig({
-	baseUrl: "http://192.168.2.42:3000/",
+	baseUrl: "/",
 });
 
 export const links: Route.LinksFunction = () => [

apps/client/package.json

@@ -51,7 +51,7 @@
 		"tailwindcss": "^4.1.4",
 		"tw-animate-css": "^1.3.6",
 		"typescript": "^5.8.3",
-		"vite": "^6.3.3",
+		"vite": "npm:rolldown-vite@latest",
 		"vite-bundle-analyzer": "^1.2.3",
 		"vite-tsconfig-paths": "^5.1.4"
 	}

apps/client/react-router.config.ts

@@ -2,4 +2,5 @@ import type { Config } from "@react-router/dev/config";
 
 export default {
 	ssr: false,
+	buildDirectory: "dist",
 } satisfies Config;

apps/client/vite.config.ts

@@ -2,16 +2,30 @@ import { reactRouter } from "@react-router/dev/vite";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
-import { analyzer } from "vite-bundle-analyzer";
+
+const alias = {};
+
+const { NODE_ENV } = process.env;
+if (NODE_ENV === "production") {
+	// @ts-expect-error
+	alias["react-dom/server"] = "react-dom/server.node";
+}
 
 export default defineConfig({
-	plugins: [tailwindcss(), reactRouter(), tsconfigPaths(), analyzer()],
+	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
+	resolve: {
+		alias,
+	},
+	build: {
+		outDir: "dist",
+		// sourcemap: true,
+	},
 	server: {
 		host: true,
-		port: 3000,
+		port: 4097,
 		proxy: {
 			"/api": {
-				target: "http://localhost:8080",
+				target: "http://localhost:4096",
 				changeOrigin: true,
 			},
 		},