chore(deps): update nextra monorepo to v4 (major) (#968)

* chore(deps): update nextra monorepo to v4

* Upgrade

* fixes

* fix lint

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Daniel Tschinder <[email protected]>

Author: renovate[bot]

packages/website/.gitignore

@@ -1,2 +1,3 @@
 .next
 .netlify
+_pagefind/

packages/website/eslint.config.mjs

@@ -12,7 +12,7 @@ const compat = new FlatCompat({
 });
 
 export default tseslint.config([
-  globalIgnores(['**/.next/']),
+  globalIgnores(['**/.next/', 'next-env.d.ts', '**/_pagefind/']),
   ...baseConfig,
   ...compat.config({
     extends: ['next/core-web-vitals'],

packages/website/next-env.d.ts

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

packages/website/next.config.mjs

@@ -1,9 +1,6 @@
 import nextra from 'nextra';
 
-const withNextra = nextra({
-  theme: 'nextra-theme-docs',
-  themeConfig: './src/theme.config.tsx',
-});
+const withNextra = nextra({});
 
 export default withNextra({
   webpack: (config) => {
@@ -14,4 +11,13 @@ export default withNextra({
 
     return config;
   },
+  turbopack: {
+    resolveAlias: {
+      fs: {
+        browser: './src/empty.ts',
+      },
+      '@babel/preset-typescript/package.json': './src/empty.ts',
+      'next-mdx-import-source-file': './src/mdx-components.tsx',
+    },
+  },
 });

packages/website/package.json

@@ -5,8 +5,9 @@
   "description": "react-docgen website",
   "scripts": {
     "dev": "nx exec -- next dev",
-    "build": "NODE_ENV=production nx exec -- next build",
-    "start": "nx exec -- next start"
+    "build": "NODE_ENV=production nx exec -- next build --webpack",
+    "start": "nx exec -- next start",
+    "postbuild": "pagefind --site .next/server/app --output-path public/_pagefind"
   },
   "author": "Daniel Tschinder (http://github.com/danez)",
   "license": "MIT",
@@ -15,20 +16,21 @@
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/view": "6.39.8",
     "@headlessui/react": "2.2.9",
+    "@tailwindcss/postcss": "4.1.18",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@uiw/react-codemirror": "4.25.4",
     "clsx": "2.1.1",
-    "next": "15.5.9",
+    "next": "16.1.1",
     "next-themes": "0.4.6",
-    "nextra": "3.3.1",
-    "nextra-theme-docs": "3.3.1",
+    "nextra": "4.6.1",
+    "nextra-theme-docs": "4.6.1",
     "postcss": "8.5.6",
     "postcss-lightningcss": "1.0.2",
     "react": "19.2.3",
     "react-docgen": "workspace:8.0.2",
     "react-dom": "19.2.3",
-    "tailwindcss": "3.4.19"
+    "tailwindcss": "4.1.18"
   },
   "browserslist": [
     "chrome 64",
@@ -58,5 +60,8 @@
         ]
       }
     }
+  },
+  "devDependencies": {
+    "pagefind": "^1.4.0"
   }
 }

packages/website/postcss.config.js

@@ -1,7 +1,6 @@
 /** @type {import('postcss').Postcss} */
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    'postcss-lightningcss': {},
+    '@tailwindcss/postcss': {},
   },
 };

packages/website/src/pages/_meta.js packages/website/src/app/_meta.jspackages/website/src/pages/_meta.js renamed to packages/website/src/app/_meta.js

@@ -2,6 +2,12 @@ export default {
   index: {
     title: 'Home',
     type: 'page',
+    theme: {
+      copyPage: false,
+      sidebar: false,
+      toc: false,
+      timestamp: false,
+    },
   },
   docs: {
     title: 'Docs',
@@ -10,22 +16,27 @@ export default {
   playground: {
     title: 'Playground',
     type: 'page',
-    theme: {
-      layout: 'raw',
-    },
   },
   users: {
     title: 'Users',
     type: 'page',
     theme: {
       typesetting: 'article',
+      copyPage: false,
+      sidebar: false,
+      toc: false,
+      timestamp: false,
     },
   },
   about: {
     title: 'About',
     type: 'page',
     theme: {
       typesetting: 'article',
+      copyPage: false,
+      sidebar: false,
+      toc: false,
+      timestamp: false,
     },
   },
 };