svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make the metadata for documentation pages dynamically generated

Browse source
This commit is contained in:
Dorian Niemiec 2024-09-07 18:29:46 +02:00
parent a556cd404e
commit 9c547b4a9f
1 changed files with 44 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
theme.config.tsx
View file

@ -1,8 +1,14 @@
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { useConfig } from "nextra-theme-docs";
import Logo from "./components/shared/Logo"; import Logo from "./components/shared/Logo";
export default { export default {
head: ( head: function Head() {
const { asPath, defaultLocale, locale } = useRouter();
const { frontMatter } = useConfig();
const url = `https://svrjs.org/${asPath}`;
return (
<> <>
<meta <meta
name="description" name="description"
@ -10,20 +16,26 @@ export default {
/> />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="Documentation - SVR.JS" /> <meta
property="og:title"
content={(frontMatter.title || "Documentation") + " - SVR.JS"}
/>
<meta <meta
property="og:description" property="og:description"
content="The SVR.JS documentation provides comprehensive information and instructions on how to use and configure the SVR.JS web server. This documentation is also a valuable resource for web developers." content="The SVR.JS documentation provides comprehensive information and instructions on how to use and configure the SVR.JS web server. This documentation is also a valuable resource for web developers."
/> />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://svrjs.org" /> <meta property="og:url" content={url} />
<meta <meta
property="og:image" property="og:image"
content="https://svrjs.vercel.app/metadata/svrjs-cover.png" content="https://svrjs.vercel.app/metadata/svrjs-cover.png"
/> />
<title>Documentation - SVR.JS</title> <title>{(frontMatter.title || "Documentation") + " - SVR.JS"}</title>
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Documentation - SVR.JS" /> <meta
name="twitter:title"
content={(frontMatter.title || "Documentation") + " - SVR.JS"}
/>
<meta <meta
name="twitter:description" name="twitter:description"
content="The SVR.JS documentation provides comprehensive information and instructions on how to use and configure the SVR.JS web server. This documentation is also a valuable resource for web developers." content="The SVR.JS documentation provides comprehensive information and instructions on how to use and configure the SVR.JS web server. This documentation is also a valuable resource for web developers."
@ -33,7 +45,8 @@ export default {
content="https://svrjs.vercel.app/metadata/svrjs-cover.png" content="https://svrjs.vercel.app/metadata/svrjs-cover.png"
/> />
</> </>
), );
},
editLink: { editLink: {
component: null component: null
}, },