feat: nginx

nginx/nginx.dev.conf

@@ -0,0 +1,40 @@
+server {
+  listen        80;
+  server_name   localhost;
+  root          /usr/share/nginx/html;
+  index         index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+
+    if ($request_method = OPTIONS) {
+      return 204;
+    }
+
+    add_header Access-Control-Allow-Origin *;
+    add_header Access-Control-Max-Age 3600;
+    add_header Access-Control-Expose-Headers Content-Length;
+    add_header Access-Control-Allow-Headers Range;
+  }
+
+  location ~* \.(eot|woff|woff2|ttf|otf)$ {
+    expires     30d;
+    add_header  Cache-Control "public";
+
+    types       {application/vnd.ms-fontobject eot;}
+    types       {application/font-woff woff;}
+    types       {font/x-woff woff2;}
+    types       {font/truetype ttf;}
+    types       {font/opentype otf;}
+  }
+
+  location ~* \.(jpg|jpeg|png|gif|ico|svg)$ {
+    expires     30d;
+    add_header  Cache-Control "public";
+  }
+
+  location ~* \.(css|js)$ {
+    expires     7d;
+    add_header  Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
+  }
+}

nginx/nginx.prod.conf

@@ -0,0 +1,40 @@
+server {
+  listen        80;
+  server_name   localhost;
+  root          /usr/share/nginx/html;
+  index         index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+
+    if ($request_method = OPTIONS) {
+      return 204;
+    }
+
+    add_header Access-Control-Allow-Origin *;
+    add_header Access-Control-Max-Age 3600;
+    add_header Access-Control-Expose-Headers Content-Length;
+    add_header Access-Control-Allow-Headers Range;
+  }
+
+  location ~* \.(eot|woff|woff2|ttf|otf)$ {
+    expires     30d;
+    add_header  Cache-Control "public";
+
+    types       {application/vnd.ms-fontobject eot;}
+    types       {application/font-woff woff;}
+    types       {font/x-woff woff2;}
+    types       {font/truetype ttf;}
+    types       {font/opentype otf;}
+  }
+
+  location ~* \.(jpg|jpeg|png|gif|ico|svg)$ {
+    expires     30d;
+    add_header  Cache-Control "public";
+  }
+
+  location ~* \.(css|js)$ {
+    expires     7d;
+    add_header  Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
+  }
+}

package.json

@@ -100,6 +100,6 @@
     "vuex": "^4.0.0"
   },
   "volta": {
-    "node": "14.16.1"
+    "node": "14.17.1"
   }
 }

readme.md

@@ -52,7 +52,7 @@ Learn the design patterns [here](https://github.com/logustra/7ad)
 - Commit conventions: [commitizen](https://github.com/commitizen/cz-cli)
 - Linters: [commitlint](https://github.com/conventional-changelog/commitlint), [eslint](https://github.com/eslint/eslint), [stylelint](https://github.com/stylelint/stylelint)
 - Visualize bundle: [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)
-- Optimized nginx config (ON PROGRESS)
+- Optimized nginx config
 - Dockerize (ON PROGRESS)
 
 ## Dev Tools