add dockerfile
This commit is contained in:
25
.dockerignore
Normal file
25
.dockerignore
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
|
||||||
|
.git
|
||||||
|
.gitignore
|
||||||
|
|
||||||
|
.env
|
||||||
|
.env*
|
||||||
|
*.local
|
||||||
|
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
|
||||||
|
.DS_Store
|
||||||
|
.vscode
|
||||||
|
.idea
|
||||||
|
.claude
|
||||||
|
.vite
|
||||||
|
|
||||||
|
README.md
|
||||||
|
Dockerfile
|
||||||
|
.dockerignore
|
||||||
32
Dockerfile
Normal file
32
Dockerfile
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
# ---- Build stage ----
|
||||||
|
FROM node:22-alpine AS build
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# Safety valve for the 2 GB host: without a cap a runaway build can exhaust the
|
||||||
|
# server's RAM and take down neighbouring containers. Measured peak for this app
|
||||||
|
# is ~550 MB, so 1 GB leaves headroom while still failing the build rather than
|
||||||
|
# the server. Raise this only if the host gets more RAM.
|
||||||
|
ENV NODE_OPTIONS=--max-old-space-size=1024
|
||||||
|
|
||||||
|
# Install deps from the lockfile first so this layer is reused when only src changes
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
RUN npm ci --no-audit --no-fund
|
||||||
|
|
||||||
|
COPY . .
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
# ---- Runtime stage ----
|
||||||
|
FROM nginx:alpine
|
||||||
|
|
||||||
|
# Remove Nginx's default "Welcome" page files completely
|
||||||
|
RUN rm -rf /usr/share/nginx/html/*
|
||||||
|
|
||||||
|
# Only the compiled assets reach the final image — no node_modules, no source
|
||||||
|
COPY --from=build /app/dist /usr/share/nginx/html
|
||||||
|
|
||||||
|
COPY nginx.conf /etc/nginx/nginx.conf
|
||||||
|
|
||||||
|
EXPOSE 80
|
||||||
|
|
||||||
|
CMD ["nginx", "-g", "daemon off;"]
|
||||||
65
nginx.conf
Normal file
65
nginx.conf
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
user nginx;
|
||||||
|
worker_processes auto;
|
||||||
|
|
||||||
|
error_log /dev/stderr warn;
|
||||||
|
pid /var/run/nginx.pid;
|
||||||
|
|
||||||
|
events {
|
||||||
|
worker_connections 1024;
|
||||||
|
}
|
||||||
|
|
||||||
|
http {
|
||||||
|
include /etc/nginx/mime.types;
|
||||||
|
default_type application/octet-stream;
|
||||||
|
|
||||||
|
access_log /dev/stdout;
|
||||||
|
|
||||||
|
sendfile on;
|
||||||
|
tcp_nopush on;
|
||||||
|
keepalive_timeout 65;
|
||||||
|
server_tokens off;
|
||||||
|
|
||||||
|
# Compression: takes the main JS bundle from ~1.9 MB down to ~530 kB on the wire
|
||||||
|
gzip on;
|
||||||
|
gzip_vary on;
|
||||||
|
gzip_proxied any;
|
||||||
|
gzip_comp_level 6;
|
||||||
|
gzip_min_length 1024;
|
||||||
|
gzip_types
|
||||||
|
text/plain
|
||||||
|
text/css
|
||||||
|
text/xml
|
||||||
|
text/javascript
|
||||||
|
application/javascript
|
||||||
|
application/json
|
||||||
|
application/xml
|
||||||
|
image/svg+xml
|
||||||
|
font/woff
|
||||||
|
font/woff2;
|
||||||
|
|
||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
server_name _;
|
||||||
|
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
index index.html;
|
||||||
|
|
||||||
|
# Vite writes content-hashed filenames here, so they can be cached forever.
|
||||||
|
# Only add_header is used — combining it with `expires` emits two
|
||||||
|
# conflicting Cache-Control headers.
|
||||||
|
location /assets/ {
|
||||||
|
add_header Cache-Control "public, max-age=31536000, immutable";
|
||||||
|
access_log off;
|
||||||
|
}
|
||||||
|
|
||||||
|
# index.html must be revalidated every time or deploys won't take effect
|
||||||
|
location = /index.html {
|
||||||
|
add_header Cache-Control "no-cache";
|
||||||
|
}
|
||||||
|
|
||||||
|
location / {
|
||||||
|
# This line forces Nginx to pass routing back to React Router
|
||||||
|
try_files $uri $uri/ /index.html;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -11,6 +11,21 @@ export default defineConfig({
|
|||||||
'@': path.resolve(import.meta.dirname, './src'),
|
'@': path.resolve(import.meta.dirname, './src'),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
build: {
|
||||||
|
rollupOptions: {
|
||||||
|
output: {
|
||||||
|
// Split the heavy libraries out of the app bundle. They change far less
|
||||||
|
// often than app code, so browsers keep them cached across deploys.
|
||||||
|
manualChunks: {
|
||||||
|
react: ['react', 'react-dom', 'react-router-dom'],
|
||||||
|
charts: ['recharts'],
|
||||||
|
motion: ['framer-motion'],
|
||||||
|
markdown: ['react-markdown'],
|
||||||
|
canvas: ['html2canvas'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
server: {
|
server: {
|
||||||
// Honor a port assigned by the environment; fall back to Vite's default.
|
// Honor a port assigned by the environment; fall back to Vite's default.
|
||||||
port: process.env.PORT ? Number(process.env.PORT) : 5173,
|
port: process.env.PORT ? Number(process.env.PORT) : 5173,
|
||||||
|
|||||||
Reference in New Issue
Block a user