chore: upgrade to Next.js App Router

.env.example

@@ -1,5 +1,5 @@
 NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=
-NEXT_PUBLIC_UNSPLASH_REDIRECT_URI=http://localhost:3000/api/unsplash/callback
+NEXT_PUBLIC_UNSPLASH_REDIRECT_URI=http://localhost:3000/api/callback
 UNSPLASH_SECRET_KEY=
 INFURA_RINKEBY_PROJECT_ID=
 INFURA_API_KEY=

.vscode/settings.json

@@ -1,7 +1,9 @@
 {
-	"editor.formatOnSave": true,
-	"editor.codeActionsOnSave": {
-		"source.fixAll": true
-	},
-	"prettier.useEditorConfig": true
-}
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "prettier.useEditorConfig": true,
+  "typescript.tsdk": "node_modules/.pnpm/typescript@5.0.4/node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}

next.config.js

@@ -1,10 +1,25 @@
 /** @type {import('next').NextConfig} */
-module.exports = {
+const nextConfig = {
   reactStrictMode: true,
   images: {
     domains: ['images.unsplash.com'],
   },
+  experimental: {
+    appDir: true,
+    typedRoutes: true,
+  },
   typescript: {
     ignoreBuildErrors: true,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/collections',
+        permanent: true,
+      },
+    ];
+  },
 };
+
+module.exports = nextConfig;

package.json

@@ -15,53 +15,53 @@
     "test:nft": "yarn hardhat test"
   },
   "dependencies": {
-    "@headlessui/react": "^1.4.1",
-    "@heroicons/react": "^1.0.5",
-    "@nomiclabs/hardhat-ethers": "^2.0.2",
-    "@nomiclabs/hardhat-waffle": "^2.0.1",
-    "@openzeppelin/contracts": "^4.3.2",
-    "@rainbow-me/rainbowkit": "^0.4.5",
-    "@reduxjs/toolkit": "^1.6.2",
-    "axios": "^0.22.0",
-    "chai": "^4.3.4",
-    "cookie": "^0.4.1",
-    "dotenv": "^10.0.0",
-    "ethereum-waffle": "^3.4.4",
-    "ethers": "^5.6.9",
+    "@headlessui/react": "^1.7.14",
+    "@heroicons/react": "^2.0.17",
+    "@nomiclabs/hardhat-ethers": "^2.2.3",
+    "@nomiclabs/hardhat-waffle": "^2.0.5",
+    "@openzeppelin/contracts": "^4.8.3",
+    "@rainbow-me/rainbowkit": "^0.12.9",
+    "@reduxjs/toolkit": "^1.9.5",
+    "axios": "^1.3.6",
+    "chai": "^4.3.7",
+    "clsx": "^1.2.1",
+    "cookie": "^0.5.0",
+    "dotenv": "^16.0.3",
+    "ethereum-waffle": "^4.0.10",
+    "ethers": "^5.7.2",
     "formik": "^2.2.9",
-    "hardhat": "^2.6.5",
-    "ipfs-http-client": "50.1.2",
-    "next": "^12.2.0",
-    "next-seo": "^4.28.1",
-    "next-themes": "^0.0.15",
-    "nextjs-progressbar": "^0.0.14",
-    "node-fetch": "^3.0.0",
+    "hardhat": "^2.14.0",
+    "ipfs-http-client": "60.0.0",
+    "next": "^13.3.1",
+    "next-seo": "^6.0.0",
+    "next-themes": "^0.2.1",
+    "nextjs-progressbar": "^0.0.16",
     "react": "^18.2.0",
-    "react-copy-to-clipboard": "^5.0.4",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
-    "react-hot-toast": "^2.1.1",
-    "react-modal": "^3.14.3",
-    "react-redux": "^7.2.6",
-    "redux": "^4.2.0",
-    "wagmi": "^0.6.0",
-    "yup": "^0.32.11"
+    "react-hot-toast": "^2.4.0",
+    "react-modal": "^3.16.1",
+    "react-redux": "^8.0.5",
+    "redux": "^4.2.1",
+    "server-only": "^0.0.1",
+    "wagmi": "^0.12.12",
+    "yup": "^1.1.1"
   },
   "devDependencies": {
-    "@nomiclabs/hardhat-etherscan": "^2.1.7",
-    "@types/cookie": "^0.4.1",
-    "@types/react": "18.0.15",
-    "@types/react-copy-to-clipboard": "^5.0.2",
-    "@types/react-dom": "^18.0.6",
-    "@types/react-modal": "^3.13.1",
-    "@types/react-redux": "^7.1.24",
-    "@types/redux": "^3.6.0",
-    "@types/yup": "^0.29.13",
-    "autoprefixer": "^10.4.7",
-    "eslint": "7.32.0",
-    "eslint-config-next": "^12.2.2",
-    "eslint-config-prettier": "^8.3.0",
-    "postcss": "^8.4.14",
-    "tailwindcss": "^3.1.5",
-    "typescript": "4.4.3"
+    "@nomiclabs/hardhat-etherscan": "^3.1.7",
+    "@types/cookie": "^0.5.1",
+    "@types/node": "18.15.13",
+    "@types/react": "18.0.38",
+    "@types/react-copy-to-clipboard": "^5.0.4",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-modal": "^3.16.0",
+    "@types/react-redux": "^7.1.25",
+    "autoprefixer": "^10.4.14",
+    "eslint": "8.39.0",
+    "eslint-config-next": "^13.3.1",
+    "eslint-config-prettier": "^8.8.0",
+    "postcss": "^8.4.23",
+    "tailwindcss": "^3.3.1",
+    "typescript": "5.0.4"
   }
 }