Upgrade to Nextra v3 with all dependencies (#46)

config/docs-theme.tsx

@@ -1,12 +1,12 @@
 import React from 'react'
-import { DocsThemeConfig } from 'nextra-theme-docs'
 import { RedditIcon } from '../components/icons/reddit'
-import { useSeoConfig } from './seo'
 import { Footer } from './footer'
+import { useHead } from './head'
 
-const docsTheme: DocsThemeConfig = {
+const docsTheme = {
   faviconGlyph: '🇦🇷',
   logo: <strong>DevsArg - FAQ</strong>,
+  head: useHead,
   search: {
     placeholder: 'Buscar...',
     emptyResult: 'No se encontraron resultados',
@@ -29,12 +29,11 @@ const docsTheme: DocsThemeConfig = {
 
   },
   editLink: {
-    text: 'Colaborar ->',
+    content: 'Colaborar ->',
   },
   footer: {
     component: Footer,
   },
-  useNextSeoProps: useSeoConfig
 }
 
 export default docsTheme

config/head.tsx

@@ -0,0 +1,14 @@
+import { useConfig } from "nextra-theme-docs"
+
+export const useHead = () => {
+  const config = useConfig()
+  const title = `${config.title} | DevsArg`
+  const description = config.frontMatter.description || ''
+  return (
+    <>
+      <title>{title}</title>
+      <meta property="og:title" content={title} />
+      <meta name="description" content={description} />
+    </>
+  )
+}

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

next.config.mjs

@@ -0,0 +1,15 @@
+import nextra from 'nextra'
+
+const withNextra = nextra({
+  theme: 'nextra-theme-docs',
+  themeConfig: './config/docs-theme.tsx',
+})
+
+const isDev = process.env.NODE_ENV !== 'production';
+
+export default withNextra({
+  images: {
+    unoptimized: true,
+  },
+  basePath: isDev ? '' : '/faq',
+})