build: add Dockerfile & changes

.dockerignore

@@ -0,0 +1,7 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

.env.production.dev

@@ -1,4 +1,8 @@
 ####### Colors ########
 NEXT_PUBLIC_COLOR_PRIMARY=#BF3676
 NEXT_PUBLIC_COLOR_SECONDARY=#FD4047
-NEXT_PUBLIC_COLOR_TERTIARTY=#FF9112
+NEXT_PUBLIC_COLOR_TERTIARTY=#FF91
+
+
+####### ICONS ########
+NEXT_PUBLIC_FAVICON=favicon.ico

Dockerfile

@@ -0,0 +1,62 @@
+# Install dependencies only when needed
+FROM node:16-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+COPY package.json yarn.lock ./
+RUN yarn install --frozen-lockfile
+
+# If using npm with a `package-lock.json` comment out above and use below instead
+# COPY package.json package-lock.json ./ 
+# RUN npm ci
+
+# Rebuild the source code only when needed
+FROM node:16-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+ARG NEXT_PUBLIC_URL_CRM_GRAPHQL_PROXY
+ARG NEXT_PUBLIC_COLOR_PRIMARY
+ARG NEXT_PUBLIC_COLOR_SECONDARY
+ARG NEXT_PUBLIC_COLOR_TERTIARTY
+ARG NEXT_PUBLIC_FAVICON
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN yarn build
+
+# If using npm comment out above and use below instead
+# RUN npm run build
+
+# Production image, copy all the files and run next
+FROM node:16-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# You only need to copy next.config.js if you are NOT using the default configuration
+# COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
+
+# Automatically leverage output traces to reduce image size 
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+
+CMD ["node", "server.js"]

next.config.js

@@ -5,6 +5,7 @@ const withGraphQL = require('next-plugin-graphql');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  output: 'standalone',
   swcMinify: true,
   reactStrictMode: true,
   eslint: {

pages/_document.jsx

@@ -7,6 +7,7 @@ export default class MyDocument extends Document {
     const originalRenderPage = ctx.renderPage;
 
     try {
+      // prettier-ignore
       ctx.renderPage = () => originalRenderPage({
           enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
         });
@@ -45,11 +46,7 @@ export default class MyDocument extends Document {
             href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
           />
 
-          <link
-            rel="icon"
-            href={process.env.NEXT_PUBLIC_FAVICON || 'favicon.ico'}
-            crossOrigin="use-credentials"
-          />
+          <link rel="icon" href={process.env.NEXT_PUBLIC_FAVICON} crossOrigin="use-credentials" />
 
           <meta name="theme-color" content="#000000" />
           <meta name="description" content="Лизинговый калькулятор Эволюция" />