#162 WIP

docker-compose.yml

@@ -26,10 +26,17 @@ services:
 
   website:
     build:
-      dockerfile: Dockerfile
+      dockerfile: Dockerfile.dev
       context: ./website/
     networks:
       - code_quiz
+    restart: always
+    volumes:
+      - ./website:/app
+      - /app/node_modules
+      - /app/.next
+    ports:
+      - "3000:3000"
 
   api:
     build:

website/Dockerfile

@@ -44,4 +44,5 @@ EXPOSE 3000
 
 ENV PORT 3000
 
-CMD ["node", "server.js"]
+CMD ["node", "server.js"]
+

website/Dockerfile.dev

@@ -0,0 +1,24 @@
+ARG NODE_ENV=dev
+NODE_ENV=${NODE_ENV}
+
+FROM node:16-alpine AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+COPY package.json yarn.lock* ./
+
+COPY ./infra/docker/scripts ./scripts
+RUN chmod +x -Rv ./scripts/
+RUN ./scripts/yarn_install.sh
+# The below install script will be replaced by yarn_install.sh
+RUN yarn install
+
+COPY . .
+
+EXPOSE 3000
+ENV PORT 3000
+
+# The below will be replaced by the entry point
+CMD ["yarn", "dev"]
+
+ENTRYPOINT ./scripts/entry_point.sh

website/infra/docker/scripts/entry_point.sh

@@ -0,0 +1,10 @@
+print "ENV mode = ${NODE_ENV}"
+
+# IF NODE_ENV === 'PRODUCTION'
+print "Running production build"
+yarn build
+node server.js
+
+# IF NODE_ENV === 'DEV'
+print "Running dev mode for hot reloading"
+yarn dev

website/infra/docker/scripts/yarn_install.sh

@@ -0,0 +1,13 @@
+
+printf "Moving into /app"
+cd /app
+
+print "ENV mode = ${NODE_ENV}"
+
+# IF NODE_ENV === 'PRODUCTION'
+print "Installing from frozen lockfile"
+yarn --frozen-lockfile
+
+# IF NODE_ENV === 'DEV'
+print "Installing yarn deps"
+yarn install

website/pages/index.tsx

@@ -14,7 +14,7 @@ const Home: NextPage = () => {
 
       <main className={styles.main}>
         <h1 className={styles.title}>
-          Welcome to <a href="https://nextjs.org">Next.js!</a>
+          Welcome to <a href="https://nextjs.org">Code Quiz!</a>
         </h1>
 
         <p className={styles.description}>