update to next.js 14

app/[slug]/opengraph-image.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 
-import { ImageResponse } from 'next/server'
+import { ImageResponse } from 'next/og'
 
 import { githubImage } from '@/app/content'
 import { sortedBlogs } from '@/app/content'

app/layout.tsx

@@ -2,7 +2,7 @@ import './globals.css'
 
 import { Analytics } from '@vercel/analytics/react'
 import clsx from 'clsx'
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Mulish } from 'next/font/google'
 import { PropsWithChildren } from 'react'
 
@@ -50,10 +50,11 @@ export const metadata: Metadata = {
     creator: '@yagiznizipli',
     creatorId: '1589638196',
   },
-  viewport: {
-    width: 'device-width',
-    initialScale: 1,
-  },
+}
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
 }
 
 const mulish = Mulish({

next.config.js

@@ -20,6 +20,9 @@ const nextConfig = {
   images: {
     formats: ['image/avif', 'image/webp'],
   },
+  experimental: {
+    webpackBuildWorker: true,
+  },
 }
 
 const domains = [

package.json

@@ -20,37 +20,37 @@
     "contentlayer": "^0.3.4",
     "date-fns": "^2.30.0",
     "feed": "^4.2.2",
-    "lucide-react": "0.288.0",
+    "lucide-react": "0.290.0",
     "markdown-wasm": "^1.2.0",
     "motion": "^10.16.4",
-    "next": "13.5.6",
+    "next": "14.0.1",
     "next-contentlayer": "^0.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "reading-time": "^1.5.0",
     "rehype-autolink-headings": "^7.0.0",
-    "rehype-pretty-code": "^0.10.1",
+    "rehype-pretty-code": "^0.10.2",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^3.0.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.3.0",
+    "@biomejs/biome": "^1.3.1",
     "@clack/prompts": "^0.7.0",
     "@tailwindcss/typography": "^0.5.10",
     "@types/mjml": "^4.7.3",
-    "@types/node": "20.8.7",
-    "@types/react": "18.2.30",
+    "@types/node": "20.8.9",
+    "@types/react": "18.2.33",
     "@types/react-dom": "18.2.14",
     "autoprefixer": "^10.4.16",
     "dotenv": "^16.3.1",
-    "eslint-config-next": "13.5.6",
+    "eslint-config-next": "14.0.1",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "handlebars": "^4.7.8",
     "mjml": "^4.14.1",
     "node-mailjet": "^6.0.4",
     "postcss": "^8.4.31",
     "postcss-lightningcss": "^1.0.0",
-    "tailwindcss": "^3.3.3",
+    "tailwindcss": "^3.3.5",
     "typescript": "5.2.2"
   },
   "postcss": {
@@ -71,4 +71,4 @@
     "minimumChangeThreshold": 0,
     "showDetails": true
   }
-}
+}