Docker

vugga · May 28, 2019 · 4fe21cc · 4fe21cc
1 parent 02dbd9f
commit 4fe21cc
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 17 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -1,2 +1,5 @@
 .git
 node_modules
+build
+.next
+
diff --git a/Dockerfile b/Dockerfile
@@ -1,19 +1,16 @@
-FROM node:10.15.1-alpine
+FROM mhart/alpine-node:10 AS builder
 
-RUN mkdir -p /usr/src/app
-WORKDIR /usr/src/app
+WORKDIR /srv
 
-COPY package.json yarn.lock /usr/src/app/
-RUN YARN_CACHE_FOLDER=/dev/shm/yarn_cache yarn --production
-ENV NODE_ICU_DATA=/usr/src/app/node_modules/full-icu
-
-COPY .next /usr/src/app/.next
-COPY locales /usr/src/app/locales
-COPY build /usr/src/app/build
-COPY src/static /usr/src/app/build/static
+COPY ./ ./
+# RUN apk add --no-cache make gcc g++ python
+RUN yarn
+RUN yarn build
 
+# use lighter image
+FROM mhart/alpine-node:base-10
+COPY --from=builder /srv .
+ENV NODE_ENV=production
 EXPOSE 3000
+CMD ["node", "build/server.js"]
 
-USER node
-
-CMD [ "yarn", "start" ]
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -115,7 +115,7 @@ export default class MyDocument extends Document<{
             />
           )} */}
         </InlineStylesHead>
-        <body className="container">
+        <body>
           <div className="next-main">
             <Main />
           </div>

diff --git a/src/screens/Ats/AtsScreen.tsx b/src/screens/Ats/AtsScreen.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import Head from "next/head";
 import styled from "styled-components";
 import dynamic from "next/dynamic";
+import { SEO } from "./SEO";
 
 const GitHubButton = dynamic(import("react-github-btn"), {
   ssr: false,
@@ -17,9 +18,10 @@ const GitHubContainer = styled.div`
 
 export const AtsScreen = () => {
   return (
-    <div>
+    <div className="container">
       {/* Inject CSS files */}
       <Head>
+        <SEO />
         <link href="/static/css/app.css" rel="stylesheet" />
         <link href="/static/css/moving-stars.css" rel="stylesheet" />
         <link href="/static/css/shooting-stars.css" rel="stylesheet" />

diff --git a/src/screens/Ats/SEO.tsx b/src/screens/Ats/SEO.tsx
@@ -0,0 +1,9 @@
+import React, { Fragment } from "react";
+
+export const SEO = () => {
+  return (
+    <Fragment>
+      <title> Create your own internet </title>
+    </Fragment>
+  );
+};
diff --git a/src/static/css/moving-stars.css b/src/static/css/moving-stars.css
@@ -2,7 +2,7 @@
   display: block;
   position: relative;
   width: 100%;
-  height: 100%;
+  height: 100vh;
   overflow: hidden;
   background: linear-gradient(to bottom, #020107 0%, #201b46 100%);
 }