added dockerfile.

Salaah01 · May 30, 2021 · 883fa96 · 883fa96
1 parent 2f342c6
commit 883fa96
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 17 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,20 @@
+FROM nginx:1.21
+
+RUN apt update \
+    && apt upgrade -y \
+    && curl -sL https://deb.nodesource.com/setup_13.x | bash - \
+    && apt-get install -y nodejs \
+    && mkdir -p /app
+
+WORKDIR /app
+COPY . .
+
+RUN npm install && npm audit fix
+RUN npm run build
+RUN ls -lrt
+RUN mkdir -p /usr/share/nginx/html
+RUN cp -a build/. /usr/share/nginx/html/
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="title" content="Tetris" />
@@ -14,7 +14,7 @@
     <meta property="og:title" content="Tetris" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="http://tetris-3a18a.firebaseapp.com/" />
-    <meta property="image" content="%PUBLIC_URL%/logo.png" />
+    <meta property="image" content="/logo.png" />
     <meta property="og:image:type" content="image/png" />
     <meta property="og:image:width" content="611" />
     <meta property="og:image:height" content="811" />
@@ -28,81 +28,81 @@
     <link
       rel="apple-touch-icon"
       sizes="57x57"
-      href="%PUBLIC_URL%/apple-icon-57x57.png"
+      href="/apple-icon-57x57.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="60x60"
-      href="%PUBLIC_URL%/apple-icon-60x60.png"
+      href="/apple-icon-60x60.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="72x72"
-      href="%PUBLIC_URL%/apple-icon-72x72.png"
+      href="/apple-icon-72x72.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="76x76"
-      href="%PUBLIC_URL%/apple-icon-76x76.png"
+      href="/apple-icon-76x76.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="114x114"
-      href="%PUBLIC_URL%/apple-icon-114x114.png"
+      href="/apple-icon-114x114.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="120x120"
-      href="%PUBLIC_URL%/apple-icon-120x120.png"
+      href="/apple-icon-120x120.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="144x144"
-      href="%PUBLIC_URL%/apple-icon-144x144.png"
+      href="/apple-icon-144x144.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="152x152"
-      href="%PUBLIC_URL%/apple-icon-152x152.png"
+      href="/apple-icon-152x152.png"
     />
     <link
       rel="apple-touch-icon"
       sizes="180x180"
-      href="%PUBLIC_URL%/apple-icon-180x180.png"
+      href="/apple-icon-180x180.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="192x192"
-      href="%PUBLIC_URL%/android-icon-192x192.png"
+      href="/android-icon-192x192.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="%PUBLIC_URL%/favicon-32x32.png"
+      href="/favicon-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="96x96"
-      href="%PUBLIC_URL%/favicon-96x96.png"
+      href="/favicon-96x96.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="%PUBLIC_URL%/favicon-16x16.png"
+      href="/favicon-16x16.png"
     />
     <link rel="manifest" href="/manifest.json" />
     <meta name="msapplication-TileColor" content="#ffffff" />
     <meta
       name="msapplication-TileImage"
-      content="%PUBLIC_URL%/ms-icon-144x144.png"
+      content="/ms-icon-144x144.png"
     />
     <meta name="theme-color" content="#ffffff" />
 
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
 
     <title>Tetris</title>
   </head>