setup build process

package.json

@@ -4,12 +4,9 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev:ssr": "ts-node --esm server.ts",
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "start": "tsc && vite build && serve -p 8099 -s ./dist"
+    "build": "npm run build:client && npm run build:server",
+    "build:client": "vite build --outDir dist/client",
+    "build:server": "cross-env SSR=true vite build --outDir dist/server"
   },
   "dependencies": {
     "@types/express": "^5.0.0",

src/components/Header.tsx

@@ -20,8 +20,11 @@ export default function Header({
         "where else would you rather be..",
         "..than right here, right now?!"
     ]
-    const [ quote, setQuote ] = useState<string>(quoteArray[Math.floor(Math.random() * quoteArray.length)]);
+    const [ quote, setQuote ] = useState<string>(quoteArray[0]);
 
+    useEffect(() => {
+        setQuote(quoteArray[Math.floor(Math.random() * quoteArray.length)])
+    }, [])
     const drawNewQuote = () => {
         const newQuote = quoteArray[Math.floor(Math.random() * quoteArray.length)]
 

vite.config.ts

@@ -1,8 +1,15 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  publicDir: "./src/public"
+  publicDir: './src/public',
+  build: {
+    copyPublicDir: !!process.env.SSR,
+    ssr: !!process.env.SSR,
+    outDir: process.env.SSR ? 'dist/server' : 'dist/client',
+    rollupOptions: {
+      input: process.env.SSR ? './server.ts' : './index.html'
+    }
+  }
 })