updated to next@16

Author: snebjorn

docs/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.next/types/routes.d.ts" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

docs/next.config.ts

@@ -1,4 +1,3 @@
-import process from 'node:process';
 import type { NextConfig } from 'next';
 import rehypeSlug from 'rehype-slug';
 import rehypeAutolinkHeadings, {
@@ -13,10 +12,27 @@ import remarkFrontmatter from 'remark-frontmatter';
 import remarkMdxFrontmatter, {
   RemarkMdxFrontmatterOptions,
 } from 'remark-mdx-frontmatter';
-import nextMdx from '@next/mdx';
+import createMDX from '@next/mdx';
 import recmaNextjsStaticProps from 'recma-nextjs-static-props';
 
-const withMdx = nextMdx({
+const nextConfig: NextConfig = {
+  transpilePackages: ['orval'],
+  experimental: {
+    // fixes:
+    // Module not found: ESM packages (chalk) need to be imported. Use 'import' to reference the package instead. https://nextjs.org/docs/messages/import-esm-externals
+    esmExternals: 'loose',
+  },
+  // Support MDX files as pages:
+  pageExtensions: ['md', 'mdx', 'tsx', 'ts', 'jsx', 'js'],
+  rewrites: async () => [
+    {
+      source: '/docs{/}?',
+      destination: '/docs/overview',
+    },
+  ],
+};
+
+const withMdx = createMDX({
   // By default only the `.mdx` extension is supported.
   extension: /\.mdx?$/,
   options: {
@@ -51,35 +67,4 @@ const withMdx = nextMdx({
   },
 });
 
-const nextConfig: NextConfig = {
-  transpilePackages: ['orval'],
-  experimental: {
-    // fixes:
-    // Module not found: ESM packages (chalk) need to be imported. Use 'import' to reference the package instead. https://nextjs.org/docs/messages/import-esm-externals
-    esmExternals: 'loose',
-  },
-  // Support MDX files as pages:
-  pageExtensions: ['md', 'mdx', 'tsx', 'ts', 'jsx', 'js'],
-  rewrites: async () => [
-    {
-      source: '/docs{/}?',
-      destination: '/docs/overview',
-    },
-  ],
-  webpack: (config, { dev, isServer }) => {
-    if (!dev && isServer) {
-      // we're in build mode so enable shared caching for the GitHub API
-      process.env.USE_CACHE = 'true';
-      const originalEntry = config.entry;
-
-      config.entry = async () => {
-        const entries = { ...(await originalEntry()) };
-        return entries;
-      };
-    }
-
-    return config;
-  },
-};
-
 export default withMdx(nextConfig);

docs/package.json

@@ -5,37 +5,37 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "next dev",
-    "build": "next build && yarn sitemap",
+    "dev": "next dev --webpack",
+    "build": "next build --webpack && yarn sitemap",
     "start": "next start",
     "sitemap": "node ./scripts/build-sitemap.js"
   },
   "dependencies": {
     "@docsearch/css": "3.9.0",
     "@docsearch/react": "3.9.0",
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@monaco-editor/react": "^4.7.0",
-    "@next/mdx": "^15.4.6",
+    "@next/mdx": "16.0.0",
     "@octokit/graphql": "^9.0.1",
     "@reactions/component": "^2.0.2",
     "@tanstack/react-query": "^5.85.3",
     "@types/mdx": "^2.0.13",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
     "axios": "^1.12.0",
     "body-scroll-lock": "^3.1.5",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",
     "dedent": "^1.6.0",
     "docsearch.js": "^2.6.3",
-    "next": "^15.4.6",
+    "next": "16.0.0",
     "orval": "*",
     "prettier": "3.6.2",
     "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.30.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-icons": "^5.5.0",
     "react-live": "^4.1.8",
     "react-select": "^5.10.2",
@@ -44,7 +44,7 @@
     "rehype-slug": "^6.0.0",
     "rehype-unwrap-images": "^1.0.0",
     "remark": "^15.0.1",
-    "remark-emoji": "^5.0.1",
+    "remark-emoji": "^5.0.2",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-images": "^4.1.0",
@@ -56,11 +56,11 @@
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/postcss": "^4.1.12",
+    "@tailwindcss/postcss": "^4.1.15",
     "monaco-editor": "^0.52.2",
     "nextjs-sitemap-generator": "^1.3.1",
     "postcss": "8.5.6",
-    "tailwindcss": "^4.1.12"
+    "tailwindcss": "^4.1.15"
   },
   "engines": {
     "node": "22.x"

docs/postcss.config.mjs

@@ -1,5 +1,5 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
 };
-
-export default config;

docs/src/components/Toc.module.css

@@ -1,4 +1,5 @@
 /* purgecss start ignore */
+@reference "../styles/index.css";
 
 .contents__list {
   overflow: overlay;

docs/src/components/blog-markdown.module.css

@@ -1,5 +1,5 @@
 /* purgecss start ignore */
-@reference "tailwindcss";
+@reference "../styles/index.css";
 
 .markdown {
   @apply leading-relaxed text-gray-800 text-base;

docs/src/components/markdown.module.css

@@ -1,5 +1,5 @@
 /* purgecss start ignore */
-@reference "tailwindcss";
+@reference "../styles/index.css";
 
 .markdown {
   @apply leading-relaxed text-gray-800 text-base;

docs/tsconfig.json

@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -20,7 +20,7 @@
     ],
     "paths": {
       "@/*": ["./src/*"]
-    },
+    }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]