[Config] Prettier and other stuff

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.tabSize": 2
+}

next.config.js

@@ -2,8 +2,6 @@
 const withPlugins = require('next-compose-plugins');
 const optimizedImages = require('next-optimized-images');
 
-const isProd = process.env.NODE_ENV === 'production'
-
 module.exports = withPlugins([
   [optimizedImages, {
     optipng: {

package.json

@@ -16,14 +16,18 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-ionicons": "^4.2.0",
-    "styled-components": "^5.3.5"
+    "sharp": "^0.30.4",
+    "styled-components": "^5.3.5",
+    "tslib": "^2.3.1"
   },
   "devDependencies": {
     "@types/node": "16.11.6",
     "@types/react": "17.0.34",
     "eslint": "7",
     "eslint-config-next": "12.0.3",
     "next-compose-plugins": "^2.2.1",
+    "prettier": "^2.6.2",
+    "pretty-quick": "^3.1.3",
     "typescript": "4.6.3"
   }
 }

tsconfig.json

@@ -4,16 +4,21 @@
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
     "moduleResolution": "node",
-    "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "importHelpers": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "resolveJsonModule": true
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]