fix dockerfile to build nextjs app

Author: exromany

.dockerignore

@@ -1,4 +1,5 @@
 node_modules
 .git
 .editorconfig
-.gitignore
+.gitignore
+.next

Dockerfile

@@ -1,40 +1,47 @@
 # Stage 1: Compile and Build the app
 
 # Node veersion
-FROM node:14.15.1 as build
+FROM node:14.17.3-alpine as build
 
-# update 
-
-RUN apt-get update
-RUN apt-get -y install curl gnupg
-RUN curl -sL https://deb.nodesource.com/setup_14.x  | bash -
-RUN apt-get -y install nodejs
+# 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 git
 
 # Set the working directory
-WORKDIR /usr/local/app
+WORKDIR /app
 
 # Add the source code to app
-COPY ./ /usr/local/app/
+COPY ./js /app
 
-WORKDIR js
 # Install all the dependencies
-RUN yarn install
+RUN yarn install --frozen-lockfile
 RUN yarn bootstrap
 
 # HERE ADD YOUR STORE WALLET ADDRESS
 ENV REACT_APP_STORE_OWNER_ADDRESS_ADDRESS=""
 
 # Generate the build of the application
-ENV GENERATE_SOURCEMAP=false
 RUN yarn build
 
 # Stage 2: Serve app with nginx server
 
-# Use official nginx image as the base image
-FROM nginx:latest
+# Production image, copy all the files and run next
+FROM node:14.17.3-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nextjs -u 1001
 
 # Copy the build output to replace the default nginx contents.
-COPY --from=build /usr/local/app/js/build/web /usr/share/nginx/html
+COPY --from=build /app/packages/web/next.config.js ./
+COPY --from=build /app/packages/web/public ./public
+COPY --from=build --chown=nextjs:nodejs /app/packages/web/.next ./.next
+COPY --from=build /app/node_modules ./node_modules
+COPY --from=build /app/packages/web/package.json ./package.json
+
+USER nextjs
+
+EXPOSE 3000
 
-# Expose port 80
-EXPOSE 80
+CMD ["yarn", "start:prod"]

js/packages/web/.env.production

@@ -1 +0,0 @@
-GENERATE_SOURCEMAP=false

js/packages/web/next.config.js

@@ -27,6 +27,9 @@ const plugins = [
 
 module.exports = withPlugins(plugins, {
   reactStrictMode: true,
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
   async rewrites() {
     return [
       {

js/packages/web/package.json

@@ -47,6 +47,7 @@
     "prestart": "npm-link-shared ../common/node_modules/ . react",
     "start": "next dev",
     "build": "next build",
+    "start:prod": "next start",
     "test": "jest",
     "deploy:ar": "arweave deploy-dir  ../../build/web --key-file ",
     "deploy": "gh-pages -d ../../build/web --repo https://github.com/metaplex-foundation/metaplex",