docs: fix next-seo and next bump

segunadebayo · segunadebayo · commit 36f96f3ec308 · 2025-10-29T00:00:38.000Z
diff --git a/examples/next-ts/next-env.d.ts b/examples/next-ts/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.
diff --git a/examples/next-ts/next.config.js b/examples/next-ts/next.config.js
@@ -1,9 +1,9 @@
 module.exports = {
-  eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
   experimental: {
     externalDir: true,
   },
+  turbopack: {},
   webpack: (config) => {
     config.module.rules.push({
       test: /\.m?js$/,
diff --git a/examples/next-ts/tsconfig.json b/examples/next-ts/tsconfig.json
@@ -5,7 +5,7 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "lib": ["dom", "esnext", "dom.iterable"],
     "module": "esnext",
     "moduleResolution": "node",
@@ -17,8 +17,8 @@
     "skipLibCheck": true,
     "strict": false,
     "target": "esnext",
-    "incremental": true,
+    "incremental": true
   },
   "exclude": ["node_modules"],
-  "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "next.config.js"],
+  "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "next.config.js"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/next-env.d.ts b/website/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts"
+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.
diff --git a/website/package.json b/website/package.json
@@ -77,7 +77,7 @@
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-icons": "5.5.0",
-    "refractor": "^5.0.0",
+    "refractor": "^4.9.0",
     "unist-util-visit": "5.0.0",
     "use-match-media-hook": "1.0.1",
     "velite": "^0.3.0"
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
@@ -1,5 +1,6 @@
-import { DefaultSeo } from "next-seo"
+import { generateDefaultSeo } from "next-seo/pages"
 import { ThemeProvider } from "next-themes"
+import Head from "next/head"
 import siteConfig from "site.config"
 import "../styles/index.css"
 import "../styles/machines/index.css"
@@ -8,7 +9,7 @@ import "../styles/prism.css"
 export default function App({ Component, pageProps }: any) {
   return (
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-      <DefaultSeo {...siteConfig.seo} />
+      <Head>{generateDefaultSeo(siteConfig.seo)}</Head>
       <Component {...pageProps} />
     </ThemeProvider>
   )
diff --git a/website/pages/components/[...slug].tsx b/website/pages/components/[...slug].tsx
@@ -9,7 +9,8 @@ import {
 } from "lib/contentlayer-utils"
 import type { Framework } from "lib/framework-utils"
 import type { GetStaticPaths, GetStaticProps } from "next"
-import { NextSeo } from "next-seo"
+import { generateNextSeo } from "next-seo/pages"
+import Head from "next/head"
 
 type PageProps = {
   doc: Component
@@ -20,7 +21,9 @@ export default function ComponentPage({ doc, framework }: PageProps) {
   const mdx = useMDX(doc.body.code)
   return (
     <FrameworkProvider value={framework}>
-      <NextSeo title={doc.title} description={doc.description} />
+      <Head>
+        {generateNextSeo({ title: doc.title, description: doc.description })}
+      </Head>
       <DocsLayout doc={doc}>{mdx}</DocsLayout>
     </FrameworkProvider>
   )
diff --git a/website/pages/guides/[slug].tsx b/website/pages/guides/[slug].tsx
@@ -3,14 +3,17 @@ import { useMDX } from "components/mdx-components"
 import DocsLayout from "layouts/docs"
 import { getGuideDoc, getGuidePaths } from "lib/contentlayer-utils"
 import type { GetStaticPaths, GetStaticProps } from "next"
-import { NextSeo } from "next-seo"
+import { generateNextSeo } from "next-seo/pages"
+import Head from "next/head"
 
 export default function GuidePage({ doc }: { doc: Guide }) {
   const Component = useMDX(doc?.body.code)
   if (!doc) return null
   return (
     <>
-      <NextSeo title={doc.title} description={doc.description} />
+      <Head>
+        {generateNextSeo({ title: doc.title, description: doc.description })}
+      </Head>
       <DocsLayout doc={doc}>{Component}</DocsLayout>
     </>
   )
diff --git a/website/pages/index.tsx b/website/pages/index.tsx
@@ -20,7 +20,8 @@ import { Blockquote } from "components/ui/blockquote"
 import { Button, ButtonLink } from "components/ui/button"
 import { Icon } from "components/ui/icon"
 import { Section } from "components/ui/section"
-import { NextSeo } from "next-seo"
+import { generateNextSeo } from "next-seo/pages"
+import Head from "next/head"
 import Image from "next/image"
 import { type ElementType } from "react"
 import siteConfig from "site.config"
@@ -58,7 +59,7 @@ function FeatureItem(props: FeatureItemProps) {
 export default function Home() {
   return (
     <Box>
-      <NextSeo title={siteConfig.title} />
+      <Head>{generateNextSeo({ title: siteConfig.title })}</Head>
 
       <TopNavigation />
 
diff --git a/website/pages/overview/[slug].tsx b/website/pages/overview/[slug].tsx
@@ -3,14 +3,17 @@ import { useMDX } from "components/mdx-components"
 import DocsLayout from "layouts/docs"
 import { getOverviewDoc, getOverviewPaths } from "lib/contentlayer-utils"
 import type { GetStaticPaths, GetStaticProps } from "next"
-import { NextSeo } from "next-seo"
+import { generateNextSeo } from "next-seo/pages"
+import Head from "next/head"
 
 export default function OverviewPage({ doc }: { doc: Overview }) {
   const Component = useMDX(doc?.body.code)
   if (!doc) return null
   return (
     <>
-      <NextSeo title={doc.title} description={doc.description} />
+      <Head>
+        {generateNextSeo({ title: doc.title, description: doc.description })}
+      </Head>
       <DocsLayout doc={doc}>{Component}</DocsLayout>
     </>
   )
diff --git a/website/pages/utilities/[...slug].tsx b/website/pages/utilities/[...slug].tsx
@@ -9,7 +9,8 @@ import {
 } from "lib/contentlayer-utils"
 import type { Framework } from "lib/framework-utils"
 import type { GetStaticPaths, GetStaticProps } from "next"
-import { NextSeo } from "next-seo"
+import { generateNextSeo } from "next-seo/pages"
+import Head from "next/head"
 
 type PageProps = {
   doc: Utility
@@ -20,7 +21,9 @@ export default function UtilityPage({ doc, framework }: PageProps) {
   const mdx = useMDX(doc.body.code)
   return (
     <FrameworkProvider value={framework}>
-      <NextSeo title={doc.title} description={doc.description} />
+      <Head>
+        {generateNextSeo({ title: doc.title, description: doc.description })}
+      </Head>
       <DocsLayout doc={doc}>{mdx}</DocsLayout>
     </FrameworkProvider>
   )
