Merge pull request #169 from codecoolture/renovate/major-nextjs-monorepo

Update nextjs monorepo to v13 (major)

Author: sergioalvz

components/Figure/index.tsx

@@ -9,7 +9,7 @@ export function Figure(props: FigureProps) {
 }
 
 Figure.Image = function FigureImage(props: Pick<ImageProps, "src" | "alt">) {
-  return <Image src={props.src} alt={props.alt} placeholder="blur" />;
+  return <Image src={props.src} alt={props.alt} placeholder="blur" className="Figure__Image" />;
 };
 
 Figure.Caption = function FigureCaption(props: { children: React.ReactNode }) {

components/Figure/style.css

@@ -4,6 +4,11 @@
   margin: 2em 0;
 }
 
+.Figure__Image {
+  max-width: 100%;
+  height: auto;
+}
+
 .Figure__Caption {
   font-size: var(--fs-s);
   margin-top: 0.5rem;

pages/_middleware.ts middleware.tspages/_middleware.ts renamed to middleware.ts

@@ -1,5 +1,5 @@
 import { NextMiddleware, NextResponse } from "next/server";
-import { getAcceptedLanguages } from "../lib/getAcceptedLanguages";
+import { getAcceptedLanguages } from "./lib/getAcceptedLanguages";
 
 const middleware: NextMiddleware = (req) => {
   if (req.nextUrl.pathname === "/") {

next.config.js

@@ -0,0 +1,10 @@
+/* eslint-env node */
+
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  swcMinify: false,
+};
+
+module.exports = nextConfig;

package.json

@@ -7,15 +7,16 @@
   "dependencies": {
     "@radix-ui/colors": "0.1.8",
     "fathom-client": "3.5.0",
-    "next": "12.0.8",
+    "next": "13.1.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "4.7.1",
     "react-tooltip": "5.7.4",
+    "sharp": "0.31.3",
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "12.0.8",
+    "@next/eslint-plugin-next": "13.1.6",
     "@testing-library/cypress": "8.0.7",
     "@types/jest": "27.5.2",
     "@types/react": "17.0.47",