because I got bored of customising my CV for every job
fix(client): configure proper routing for SPA
- Add historyApiFallback to Vite dev server configuration
- Add preview server configuration with historyApiFallback
- Create nginx.conf with try_files directive for client-side routing
- Update Dockerfile to use custom nginx configuration
- Fix page reload issues on client-side routes like /profile and /job-experience
This ensures that when users reload the page on any route, they get the correct page instead of a 404 error.
+29
+1
apps/client/Dockerfile
+1
apps/client/Dockerfile
+22
apps/client/nginx.conf
+22
apps/client/nginx.conf
···
1
+
server {
2
+
listen 80;
3
+
server_name localhost;
4
+
root /usr/share/nginx/html;
5
+
index index.html;
6
+
7
+
# Handle client-side routing
8
+
location / {
9
+
try_files $uri $uri/ /index.html;
10
+
}
11
+
12
+
# Cache static assets
13
+
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
14
+
expires 1y;
15
+
add_header Cache-Control "public, immutable";
16
+
}
17
+
18
+
# Security headers
19
+
add_header X-Frame-Options "SAMEORIGIN" always;
20
+
add_header X-Content-Type-Options "nosniff" always;
21
+
add_header X-XSS-Protection "1; mode=block" always;
22
+
}