Implement a React-Vite portfolio website for Joachim Hummel, featuring sections for bio, competencies, projects, and contact information. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 6f3329ae-2dcc-46cc-bf2e-f58b7a5fa805 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 93e1822d-6468-4db0-9e37-4f1f19334ba5 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/e678fe28-87ab-4437-945b-7a15e872a292/6f3329ae-2dcc-46cc-bf2e-f58b7a5fa805/MG2yXVH Replit-Helium-Checkpoint-Created: true
76 lines
1.7 KiB
TypeScript
76 lines
1.7 KiB
TypeScript
import { defineConfig } from "vite";
|
|
import react from "@vitejs/plugin-react";
|
|
import tailwindcss from "@tailwindcss/vite";
|
|
import path from "path";
|
|
import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
|
|
|
|
const rawPort = process.env.PORT;
|
|
|
|
if (!rawPort) {
|
|
throw new Error(
|
|
"PORT environment variable is required but was not provided.",
|
|
);
|
|
}
|
|
|
|
const port = Number(rawPort);
|
|
|
|
if (Number.isNaN(port) || port <= 0) {
|
|
throw new Error(`Invalid PORT value: "${rawPort}"`);
|
|
}
|
|
|
|
const basePath = process.env.BASE_PATH;
|
|
|
|
if (!basePath) {
|
|
throw new Error(
|
|
"BASE_PATH environment variable is required but was not provided.",
|
|
);
|
|
}
|
|
|
|
export default defineConfig({
|
|
base: basePath,
|
|
plugins: [
|
|
react(),
|
|
tailwindcss(),
|
|
runtimeErrorOverlay(),
|
|
...(process.env.NODE_ENV !== "production" &&
|
|
process.env.REPL_ID !== undefined
|
|
? [
|
|
await import("@replit/vite-plugin-cartographer").then((m) =>
|
|
m.cartographer({
|
|
root: path.resolve(import.meta.dirname, ".."),
|
|
}),
|
|
),
|
|
await import("@replit/vite-plugin-dev-banner").then((m) =>
|
|
m.devBanner(),
|
|
),
|
|
]
|
|
: []),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
"@": path.resolve(import.meta.dirname, "src"),
|
|
"@assets": path.resolve(import.meta.dirname, "..", "..", "attached_assets"),
|
|
},
|
|
dedupe: ["react", "react-dom"],
|
|
},
|
|
root: path.resolve(import.meta.dirname),
|
|
build: {
|
|
outDir: path.resolve(import.meta.dirname, "dist/public"),
|
|
emptyOutDir: true,
|
|
},
|
|
server: {
|
|
port,
|
|
strictPort: true,
|
|
host: "0.0.0.0",
|
|
allowedHosts: true,
|
|
fs: {
|
|
strict: true,
|
|
},
|
|
},
|
|
preview: {
|
|
port,
|
|
host: "0.0.0.0",
|
|
allowedHosts: true,
|
|
},
|
|
});
|