Rework (#1)

- New Logo.
- Migrate to Nextra 4.

Author: Sythivo

mdx-components.tsx

@@ -0,0 +1,9 @@
+import { useMDXComponents as getThemeComponents } from 'nextra-theme-docs' // nextra-theme-blog or your custom theme
+
+// Get the default MDX components
+const themeComponents = getThemeComponents()
+
+export const useMDXComponents = components => ({
+    ...themeComponents,
+    ...components
+})

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

next.config.mjs

@@ -1,34 +1,19 @@
-import nextra from 'nextra';
+import nextra from 'nextra'
 
-import {BUNDLED_LANGUAGES, getHighlighter} from 'shiki';
+import rehypeLuauTooltips from './plugins/luau-tooltips'
 
-export default nextra({
-  theme: 'nextra-theme-docs',
-  themeConfig: './theme.config.jsx',
+const withNextra = nextra({
   latex: true,
-  standalone: true,
   staticImage: true,
-  flexsearch: {
-    codeblock: false
+  search: {
+    codeblocks: false
   },
   mdxOptions: {
-    rehypePrettyCodeOptions: {
-      getHighlighter: options =>
-        getHighlighter({
-          ...options,
-          langs: [
-            ...BUNDLED_LANGUAGES,
-            {
-              id: 'luau',
-              scopeName: 'source.luau',
-              aliases: [], // Along with id, aliases will be included in the allowed names you can use when writing markdown.
-              path: '../../public/syntax/luau.tmLanguage.json'
-            }
-          ]
-        })
-    }
-  }
-})({
+    rehypePlugins: [rehypeLuauTooltips],
+  },
+})
+
+export default withNextra({
   images: {
     unoptimized: true,
   },

package.json

@@ -4,13 +4,13 @@
   "scripts": {
     "dev": "next",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "postbuild": "pagefind --site .next/server/app --output-path out/_pagefind"
   },
   "dependencies": {
-    "@react-aria/ssr": "^3.9.5",
-    "next": "^14.2.7",
-    "nextra": "^2.13.4",
-    "nextra-theme-docs": "^2.13.4",
+    "next": "^15.1.6",
+    "nextra": "^4.3.0",
+    "nextra-theme-docs": "^4.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -23,10 +23,12 @@
     }
   },
   "devDependencies": {
-    "@types/node": "22.3.0",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.41",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.5.4"
+    "@tailwindcss/postcss": "^4.0.4",
+    "@types/node": "^22.13.1",
+    "@types/react": "^19.0.8",
+    "pagefind": "^1.3.0",
+    "postcss": "^8.5.1",
+    "tailwindcss": "^4.0.4",
+    "typescript": "^5.7.3"
   }
-}
+}