MVP 0.5 : dev ➞ main

MVP 0.5 : dev ➞ main

.babelrc

@@ -2,7 +2,7 @@
   "presets": ["next/babel"],
   "plugins": [
     [
-      "styled-components",
+      "babel-plugin-styled-components",
       {
         "ssr": true,
         "displayName": true,

.eslintrc.json

@@ -1,3 +1,30 @@
 {
-  "extends": "next/core-web-vitals"
-}
+  "extends": [
+    "airbnb-base",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": [
+    "prettier"
+  ],
+  "rules": {
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto",
+        "singleQuote": true,
+        "useTabs": false
+      }
+    ],
+    "no-console": "off"
+  },
+  "import/no-extraneous-dependencies": [
+    "error",
+    {
+      "devDependencies": true
+    }
+  ],
+  "env": {
+    "browser": true,
+    "node": true
+  }
+}

.gitignore

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env.*
 
 # vercel
 .vercel

.prettierrc

@@ -0,0 +1,10 @@
+{
+    "tabWidth": 2,
+    "printWidth": 120,
+    "semi": true,
+    "useTabs": false,
+    "trailingComma": "es5",
+    "singleQuote": true,
+    "jsxSingleQuote": true,
+    "endOfLine": "auto"
+}

next.config.mjs

@@ -1,6 +1,18 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: true,
+  reactStrictMode: false,
+  compiler: {
+    styledComponents: true,
+  },
+  webpack: (config) => {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: ['@svgr/webpack'],
+    });
+
+    return config;
+  },
 };
 
 export default nextConfig;