You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.7 KiB
57 lines
1.7 KiB
# Step 1: Build the application |
|
FROM node:alpine AS builder |
|
|
|
ARG VITE_PROXY_SERVER |
|
ENV VITE_PROXY_SERVER=${VITE_PROXY_SERVER} |
|
|
|
WORKDIR /app |
|
|
|
# Copy package files first |
|
COPY package*.json ./ |
|
RUN npm install |
|
|
|
# Copy the source code to prevent invaliding cache whenever there is a change in the code |
|
COPY . . |
|
RUN npm run build |
|
|
|
# Step 2: Final container with Nginx and embedded config |
|
FROM nginx:alpine |
|
|
|
# Copy only the generated static files |
|
COPY --from=builder /app/dist /usr/share/nginx/html |
|
|
|
# Embed Nginx configuration directly |
|
RUN printf "server {\n\ |
|
listen 80;\n\ |
|
server_name localhost;\n\ |
|
root /usr/share/nginx/html;\n\ |
|
index index.html;\n\ |
|
\n\ |
|
# Detect social media scrapers and other bots\n\ |
|
set \$is_scraper 0;\n\ |
|
if (\$http_user_agent ~* \"facebookexternalhit|Twitterbot|LinkedInBot|Slackbot|WhatsApp|Applebot|Googlebot|bingbot|YandexBot|Baiduspider|Slurp|DuckDuckBot|Baiduspider|YandexBot|Sogou|Exabot|facebot|ia_archiver\") {\n\ |
|
set \$is_scraper 1;\n\ |
|
}\n\ |
|
\n\ |
|
location / {\n\ |
|
# For scrapers, serve index.html (they'll see static meta tags)\n\ |
|
# Note: To get dynamic meta tags, you need SSR or a meta tag service\n\ |
|
try_files \$uri \$uri/ /index.html;\n\ |
|
}\n\ |
|
\n\ |
|
location ~* \\.(?:js|css|woff2?|ttf|otf|eot|ico|jpg|jpeg|png|gif|svg|webp)\$ {\n\ |
|
expires 30d;\n\ |
|
access_log off;\n\ |
|
add_header Cache-Control \"public\";\n\ |
|
}\n\ |
|
\n\ |
|
gzip on;\n\ |
|
gzip_types text/plain application/javascript application/x-javascript text/javascript text/css application/json;\n\ |
|
gzip_proxied any;\n\ |
|
gzip_min_length 1024;\n\ |
|
gzip_comp_level 6;\n\ |
|
}\n" > /etc/nginx/conf.d/default.conf |
|
|
|
EXPOSE 80 |
|
|
|
CMD ["nginx", "-g", "daemon off;"]
|
|
|