diff --git a/next.config.js b/next.config.js
index 0d607100..9be956e5 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,4 @@
 module.exports = {
   reactStrictMode: true,
+  swcMinify: true,
 }
diff --git a/package.json b/package.json
index 7c23f40e..5254ca72 100644
--- a/package.json
+++ b/package.json
@@ -18,16 +18,16 @@
     "ethers": "^5.4.1",
     "hardhat": "^2.4.1",
     "ipfs-http-client": "50.1.2",
-    "next": "11.0.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "next": "^12.0.7",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "web3modal": "^1.9.3"
   },
   "devDependencies": {
     "autoprefixer": "^10.2.6",
     "eslint": "7.29.0",
     "eslint-config-next": "11.0.1",
-    "postcss": "^8.3.5",
-    "tailwindcss": "^2.2.4"
+    "postcss": "^8.4.4",
+    "tailwindcss": "^3.0.1"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 62dfdaf3..4cd61381 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,10 @@
 module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
   theme: {
     extend: {},
   },
-  variants: {
-    extend: {},
-  },
   plugins: [],
 }