Update NextJS to 13, node to 18

Dockerfile

@@ -1,6 +1,6 @@
 ## INIT STEP
 # Install dependencies only when needed
-FROM node:16-alpine AS deps
+FROM node:18-alpine AS deps
 
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
@@ -11,7 +11,7 @@ RUN yarn install --frozen-lockfile
 
 ## BUILD STEP
 # Rebuild the source code only when needed
-FROM node:16-alpine AS builder
+FROM node:18-alpine AS builder
 
 WORKDIR /app
 
@@ -23,7 +23,7 @@ COPY . .
 RUN yarn build
 
 ## RUN STEP
-FROM node:16-alpine AS runner
+FROM node:18-alpine AS runner
 
 LABEL author="neshura@proton.me"
 WORKDIR /usr/src/app

next.config.js

@@ -3,6 +3,9 @@
 const nextConfig = {
   reactStrictMode: true,
   output: 'standalone',
+  compiler: {
+    styledComponents: true,
+  }
 };
 
 module.exports = nextConfig

package.json

@@ -10,15 +10,22 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "cookie": "^0.5.0",
+    "cookies-next": "^2.1.1",
     "dockerode": "^3.3.4",
-    "next": "^12.3.0",
+    "eslint-config": "^0.3.0",
-    "react": "18.2.0",
+    "next": "^13.0.6",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "styled-components": "^5.3.6",
     "swr": "^1.3.0"
   },
   "devDependencies": {
+    "@types/cookie": "^0.5.1",
     "@types/dockerode": "^3.3.14",
     "@types/react": "^18.0.14",
+    "@types/styled-components": "^5.1.26",
     "eslint": "^8.23.1",
     "eslint-config-next": "12.2.0",
     "typescript": "^4.7.4"

tsconfig.json

@@ -17,12 +17,18 @@
     "moduleResolution": "nodenext",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
-    "**/*.tsx"
+    "**/*.tsx",
+    ".next/types/**/*.ts"
   ],
   "exclude": [
     "node_modules"