Upgraded Next.js to 12.2

Author: akhil-gautam

Procfile

@@ -1,3 +1,3 @@
 web: rails server
 worker: bundle exec good_job start
-ui: cd frontend && npm run dev
+ui: cd frontend && pnpm run dev

frontend/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

frontend/.gitignore

@@ -26,13 +26,11 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
 
 # vercel
 .vercel
 
 # typescript
 *.tsbuildinfo
+next-env.d.ts

frontend/.npmrc

@@ -0,0 +1 @@
+auto-install-peers=true

frontend/.nvmrc

@@ -5,9 +5,11 @@ This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next
 First, run the development server:
 
 ```bash
-npm run dev
+pnpm install && pnpm run dev
 # or
-yarn dev
+npm install && npm run dev
+# or
+yarn install && yarn dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

frontend/README.md

@@ -9,7 +9,7 @@ export default function Header() {
   const { nextRailsUser: user, addUser } = useUser();
   const [showMenu, setShowMenu] = useState(false);
   const toggleMenu = () => setShowMenu(!showMenu);
-  const [cookies, setCookie, removeCookie] = useCookies(['nextRailsUser']);
+  const [_cookies, _setCookie, removeCookie] = useCookies(['nextRailsUser']);
 
   const signOut = () => {
     removeCookie('nextRailsUser');

frontend/components/Header.js

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-}
+  swcMinify: true,
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;