first test

frontend/vite.config.ts

@@ -1,13 +1,52 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import solid from 'vite-plugin-solid'
 import UnoCSS from 'unocss/vite'
 import path from 'path'
 
-export default defineConfig({
-  plugins: [solid(), UnoCSS()],
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
+export default defineConfig(({ mode }) => {
+  // Load env file from parent directory
+  loadEnv(mode, path.resolve(__dirname, '..'), '')
+  
+  return {
+    plugins: [solid(), UnoCSS()],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+  build: {
+    target: 'esnext',
+    minify: 'terser',
+    sourcemap: false,
+    // Add asset optimization
+    assetsInlineLimit: 4096,
+    // Add CSS code splitting
+    cssCodeSplit: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['solid-js', '@solidjs/router'],
+          ui: ['@kobalte/core', '@tabler/icons-solidjs'],
+          query: ['@tanstack/solid-query'],
+        },
+        // Optimize chunk naming for caching
+        chunkFileNames: 'assets/[name]-[hash].js',
+        entryFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name]-[hash].[ext]',
+      },
+    },
+    // Add compression for static hosting
+    reportCompressedSize: true,
+  },
+  server: {
+    port: 3000,
+    host: true,
+    hmr: {
+      overlay: false,
     },
   },
+  optimizeDeps: {
+    include: ['solid-js', '@solidjs/router', '@kobalte/core'],
+  },
+  }
 })