feat: add blog (#320)

package.json

@@ -18,7 +18,7 @@
     "lint:commit": "commitlint",
     "lint:docker": "dockerfilelint './Dockerfile'",
     "lint:editorconfig": "editorconfig-checker",
-    "lint:markdown": "markdownlint '**/*.md' --dot --ignore node_modules",
+    "lint:markdown": "markdownlint '**/*.{md,mdx}' --dot --ignore node_modules",
     "lint:typescript": "eslint '**/*.{js,ts,jsx,tsx}'",
     "lint:staged": "lint-staged",
     "test:unit": "jest",
@@ -36,14 +36,21 @@
     "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/react-fontawesome": "0.1.16",
     "classnames": "2.3.1",
+    "date-and-time": "2.0.1",
+    "esbuild": "0.13.12",
+    "gray-matter": "4.0.3",
     "html-react-parser": "1.4.0",
     "next": "11.1.2",
+    "next-mdx-remote": "3.0.8",
     "next-pwa": "5.4.0",
     "next-themes": "0.0.15",
-    "next-translate": "1.1.1",
+    "next-translate": "1.2.0",
+    "prism-themes": "1.9.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "read-pkg": "7.0.0",
+    "remark-gfm": "3.0.1",
+    "remark-prism": "1.3.6",
     "sharp": "0.29.2",
     "universal-cookie": "4.0.4"
   },
@@ -53,11 +60,14 @@
     "@lhci/cli": "0.8.2",
     "@saithodev/semantic-release-backmerge": "2.1.0",
     "@semantic-release/git": "10.0.1",
+    "@tailwindcss/typography": "0.4.1",
     "@testing-library/jest-dom": "5.15.0",
     "@testing-library/react": "12.1.2",
+    "@types/date-and-time": "0.13.0",
     "@types/jest": "27.0.2",
     "@types/node": "16.11.6",
     "@types/react": "17.0.34",
+    "@types/remark-prism": "1.3.0",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "autoprefixer": "10.4.0",
     "babel-jest": "27.3.1",
@@ -72,7 +82,7 @@
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-promise": "5.1.1",
-    "eslint-plugin-unicorn": "38.0.0",
+    "eslint-plugin-unicorn": "38.0.1",
     "husky": "7.0.4",
     "jest": "27.3.1",
     "lint-staged": "11.2.6",