add alias

.eslintrc.js

@@ -26,6 +26,10 @@ module.exports = {
       version: 'detect',
     },
     'import/resolver': {
+      alias: {
+        extensions: ['.ts', '.tsx'],
+        map: [['@', './src']],
+      },
       typescript: {
         project: './tsconfig.json',
       },

next.config.js

@@ -1,11 +1,24 @@
 /** @type {import('next').NextConfig} */
 const nextTranslate = require('next-translate')
+const path = require('path')
 
 module.exports = nextTranslate({
   reactStrictMode: true,
   eslint: {
     dirs: ['src'],
   },
+  webpack: (config) => {
+    config.plugins = config.plugins || []
+
+    config.optimization.providedExports = true
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@': path.resolve(__dirname, './src'),
+    }
+
+    return config
+  },
   images: {
     domains: ['img.youtube.com', 'media.giphy.com'],
   },

package.json

@@ -45,6 +45,7 @@
     "eslint": "8.19.0",
     "eslint-config-next": "12.2.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.2.0",
     "eslint-module-utils": "^2.7.3",
     "eslint-plugin-import": "^2.26.0",

tsconfig.json

@@ -18,55 +18,50 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "baseUrl": ".",
+    "baseUrl": "./src",
     "paths": {
       "@/components/*": [
-        "src/components/*"
+        "components/*"
       ],
       "@/constants": [
-        "src/constants"
+        "constants"
       ],
       "@/contexts/*": [
-        "src/contexts/*"
+        "contexts/*"
       ],
       "@/config/*": [
-        "src/config/*"
+        "config/*"
       ],
       "@/graphql/*": [
-        "src/graphql/*"
+        "graphql/*"
       ],
       "@/generated": [
-        "src/generated/graphql-types"
+        "generated/graphql-types"
       ],
       "@/hooks": [
-        "src/hooks"
+        "hooks"
       ],
       "@/lib/*": [
-        "src/lib/*"
+        "lib/*"
       ],
       "@/pages/*": [
-        "src/pages/*"
+        "pages/*"
       ],
       "@/utils/*": [
-        "src/utils/*"
+        "utils/*"
       ],
       "@/test-utils": [
-        "src/tests/test-utils"
+        "tests/test-utils"
       ]
     }
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    "config/next/rewrites.js"
   ],
   "exclude": [
     "node_modules",
-    "cypress",
-    "config",
-    "docs",
-    ".storybook",
-    "src/tests/__mocks__"
+    "config"
   ]
 }