theme.config.jsx

import { useRouter } from "next/router";

// eslint-disable-next-line import/no-anonymous-default-export
export default {
    logo: (
        <span style={{ color: "", fontSize: "30px" }}>
            NextDev<span style={{ color: "red", fontSize: "50px" }}>.</span>
            <span
                style={{
                    color: "red",
                    fontSize: "30px",
                    fontWeight: "bolder",
                }}>
                io
            </span>
        </span>
    ),
    project: {
        link: "https://github.com/Deveripon/javascript-documentation-nextra",
    },
    docsRepositoryBase:
        "https://github.com/Deveripon/javascript-documentation-nextra/tree/main/",
    // ... other theme options
    useNextSeoProps() {
        const { asPath } = useRouter();
        if (asPath !== "/") {
            return {
                titleTemplate: "%s – NextDev.io",
            };
        }
    },
    head: (
        <>
            <meta
                name='viewport'
                content='width=device-width, initial-scale=1.0'
            />
            <meta
                property='og:title'
                content='NextDev.io'
            />
            <meta
                property='og:description'
                content='A documentation platform for developers'
            />
        </>
    ),
    banner: {
        key: "2.0-release",
        text: (
            <a
                href='https://github.com/deveripon/'
                target='_blank'>
                🎉 follow my github →
            </a>
        ),
        dismissible: true,
    },
    toc: {
        backToTop: true,
    },
    sidebar: {
        defaultMenuCollapseLevel: 2,
    },
    footer: {
        text: (
            <span>
                copyright {new Date().getFullYear()} ©{" "}
                <a
                    href='https://github.com/deveripon'
                    target='_blank'>
                    devripon
                </a>
                .
            </span>
        ),
    },
    defaultShowCopyCode: true,
};