🚀 initial comment

Author: Abdulnasır Olcan

.husky/pre-commit

@@ -12,4 +12,22 @@ module.exports = withBundleAnalyzer({
   basePath: '',
   reactStrictMode: true,
   swcMinify: true,
+  webpack: (config, { dev, isServer }) => {
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    })
+
+    if (!dev && !isServer) {
+      // Replace React with Preact only in client production build
+      Object.assign(config.resolve.alias, {
+        'react/jsx-runtime.js': 'preact/compat/jsx-runtime',
+        react: 'preact/compat',
+        'react-dom/test-utils': 'preact/test-utils',
+        'react-dom': 'preact/compat',
+      })
+    }
+
+    return config
+  },
 });

next.config.js

@@ -12,6 +12,7 @@
     "start": "next start",
     "lint": "next lint",
     "test": "jest",
+    "analyze": "cross-env ANALYZE=true next build",
     "format": "prettier \"./**/*.{ts,tsx}\" --write",
     "check": "eslint  --ext .ts,.tsx/ --fix",
     "generate": "yarn plop --plopfile ./generators/plopfile.js",
@@ -21,11 +22,13 @@
     "axios": "^0.27.2",
     "next": "^12.2.0",
     "next-seo": "^5.4.0",
+    "preact": "^10.9.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@next/bundle-analyzer": "^12.2.0",
+    "@svgr/webpack": "^6.2.1",
     "@testing-library/dom": "^8.16.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
@@ -35,6 +38,7 @@
     "@typescript-eslint/eslint-plugin": "^5.30.5",
     "@typescript-eslint/parser": "^5.30.5",
     "autoprefixer": "^10.4.7",
+    "cross-env": "^7.0.3",
     "cssnano": "^5.1.12",
     "eslint": "^8.19.0",
     "eslint-config-next": "^12.2.2",