feat: update nextra to v3

Author: antond15

bun.lockb

@@ -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/pages/building-your-application/configuring/typescript for more information.

next-env.d.ts

@@ -1,9 +1,11 @@
-const withNextra = require('nextra')({
+import nextra from 'nextra'
+
+const withNextra = nextra({
   theme: 'nextra-theme-docs',
   themeConfig: './theme.config.tsx',
 });
 
-module.exports = withNextra({
+export default withNextra({
   output: 'export',
   images: {
     unoptimized: true,

next.config.js renamed to next.config.mjs

@@ -7,15 +7,15 @@
     "format": "prettier . --write"
   },
   "dependencies": {
-    "next": "^13.0.6",
-    "nextra": "latest",
-    "nextra-theme-docs": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "next": "^15.0.4",
+    "nextra": "^3.2.4",
+    "nextra-theme-docs": "^3.2.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/node": "18.11.10",
-    "prettier": "^3.2.5",
-    "typescript": "^4.9.3"
+    "@types/node": "22.10.1",
+    "prettier": "^3.4.2",
+    "typescript": "^5.7.2"
   }
 }

package.json

@@ -0,0 +1,6 @@
+import type { AppProps } from 'next/app'
+import '../index.css';
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />
+}

pages/_app.js

@@ -0,0 +1,19 @@
+export default {
+  index: 'Home',
+  radio: 'AC Radio',
+  scoreboard: 'AC Scoreboard',
+  documents: 'AC Documents',
+  gifts: 'AC Gifts',
+  link_tebex: {
+    title: 'Tebex',
+    href: 'https://store.acscripts.dev/',
+    type: 'page',
+    newWindow: true
+  },
+  link_kofi: {
+    title: 'Support us',
+    href: 'https://ko-fi.com/antond',
+    type: 'page',
+    newWindow: true
+  }
+}

pages/_app.tsx

@@ -0,0 +1,8 @@
+export default {
+  index: 'Introduction',
+  presets: 'Creating presets',
+  bridge: 'Bridge',
+  'exports-and-events': 'Exports and events',
+  config: 'Configuration',
+  issues: 'Common issues',
+}

pages/_meta.json

@@ -0,0 +1,4 @@
+export default {
+  client: 'Client',
+  server: 'Server',
+}

pages/_meta.tsx

@@ -0,0 +1,4 @@
+export default {
+  'ox_inventory': 'ox_inventory',
+  'qb-inventory': 'qb-inventory',
+}

pages/documents/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  fields: 'Available fields',
+  structure: 'Example structure',
+}

pages/documents/_meta.json

@@ -0,0 +1,6 @@
+export default {
+  index: 'Introduction',
+  install: 'Installation',
+  config: 'Configuration',
+  issues: 'Common issues',
+}

pages/documents/bridge/_meta.js

@@ -0,0 +1,6 @@
+export default {
+  index: 'Introduction',
+  install: 'Installation',
+  config: 'Configuration',
+  issues: 'Common issues',
+}

pages/documents/bridge/_meta.json

@@ -0,0 +1,6 @@
+export default {
+  index: 'Introduction',
+  config: 'Configuration',
+  guides: 'Guides',
+  issues: 'Common issues',
+}

pages/documents/bridge/server/_meta.js

@@ -0,0 +1,4 @@
+export default {
+  'status-indicators': 'Status indicators',
+  'ace-sections': 'ACE permissions',
+}

pages/documents/bridge/server/_meta.json

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};

pages/documents/presets/_meta.js

@@ -1,21 +1,21 @@
 import { useRouter } from 'next/router';
 import Image from 'next/image';
-import type { DocsThemeConfig } from 'nextra-theme-docs';
+import { useConfig, type DocsThemeConfig } from 'nextra-theme-docs';
 
 const config: DocsThemeConfig = {
-  useNextSeoProps() {
+  head() {
     const { asPath } = useRouter();
-    return {
-      titleTemplate: asPath === '/' ? 'AC Scripts' : '%s - AC Scripts',
-    };
+    const { title } = useConfig();
+
+    return (
+      <>
+        <title>{asPath === '/' ? 'AC Scripts' : `${title} - AC Scripts`}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="shortcut icon" href="/logo.svg" type="image/x-icon" />
+        <script defer src="https://analytics.dejv.it/script.js" data-website-id="388963db-aa71-419c-866d-71c6c5fa6d97"></script>
+      </>
+    )
   },
-  head: (
-    <>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <link rel="shortcut icon" href="/logo.svg" type="image/x-icon" />
-      <script defer src="https://analytics.dejv.it/script.js" data-website-id="388963db-aa71-419c-866d-71c6c5fa6d97"></script>
-    </>
-  ),
 
   logo: (
     <>
@@ -30,8 +30,8 @@ const config: DocsThemeConfig = {
   docsRepositoryBase: 'https://github.com/acscripts/docs/tree/main',
   feedback: { content: null },
   footer: {
-    text: (
       <div className="ac-footer">
+    content: (
         <span>© {new Date().getFullYear()}</span>
         <Image src="/logo.svg" alt="logo" width={24} height={24} />
         <span>AC Scripts</span>