diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..72e9aa4 --- /dev/null +++ b/.dockerignore @@ -0,0 +1,7 @@ +Dockerfile +.dockerignore +node_modules +npm-debug.log +README.md +.next +.git \ No newline at end of file diff --git a/.env.production.dev b/.env.production.dev index 7bf7b0e..a989f67 100644 --- a/.env.production.dev +++ b/.env.production.dev @@ -1,4 +1,8 @@ ####### Colors ######## NEXT_PUBLIC_COLOR_PRIMARY=#BF3676 NEXT_PUBLIC_COLOR_SECONDARY=#FD4047 -NEXT_PUBLIC_COLOR_TERTIARTY=#FF9112 \ No newline at end of file +NEXT_PUBLIC_COLOR_TERTIARTY=#FF91 + + +####### ICONS ######## +NEXT_PUBLIC_FAVICON=favicon.ico \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..a20a15f --- /dev/null +++ b/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"] \ No newline at end of file diff --git a/next.config.js b/next.config.js index 27c538d..de2215d 100644 --- a/next.config.js +++ b/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: { diff --git a/pages/_document.jsx b/pages/_document.jsx index 32e99a5..3edcf3a 100644 --- a/pages/_document.jsx +++ b/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(), }); @@ -45,11 +46,7 @@ export default class MyDocument extends Document { href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" /> - +