docusaurus_typescript_site_config_with_navbar_footer_presets.ts

1import {Config} from '@docusaurus/types';
2import type * as Preset from '@docusaurus/preset-classic';
3import {themes as githubThemes} from 'prism-react-renderer';
4
5const config: Config = {
6  title: 'My Site',
7  tagline: 'Dinosaurs are cool',
8  favicon: 'img/favicon.ico',
9
10  // Set the production url of your site here
11  url: 'https://your-docusaurus-test-site.com',
12  // Set the /<baseUrl>/ pathname under which your site is served
13  baseUrl: '/',
14
15  onBrokenLinks: 'throw',
16  onBrokenMarkdownLinks: 'warn',
17
18  i18n: {
19    defaultLocale: 'en',
20    locales: ['en'],
21  },
22
23  presets: [
24    [
25      'classic',
26      {
27        docs: {
28          sidebarPath: './sidebars.ts',
29          editUrl:
30            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
31        },
32        blog: {
33          showReadingTime: true,
34          editUrl:
35            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
36        },
37        theme: {
38          customCss: './src/css/custom.css',
39        },
40      } satisfies Preset.Options,
41    ],
42  ],
43
44  themeConfig: {
45    // Replace with your project's social card
46    image: 'img/docusaurus-social-card.jpg',
47    navbar: {
48      title: 'My Site',
49      logo: {
50        alt: 'My Site Logo',
51        src: 'img/logo.svg',
52      },
53      items: [
54        {
55          type: 'docSidebar',
56          sidebarId: 'tutorialSidebar',
57          position: 'left',
58          label: 'Tutorial',
59        },
60        {to: '/blog', label: 'Blog', position: 'left'},
61        {
62          href: 'https://github.com/facebook/docusaurus',
63          label: 'GitHub',
64          position: 'right',
65        },
66      ],
67    },
68    footer: {
69      style: 'dark',
70      links: [
71        {
72          title: 'Docs',
73          items: [
74            {
75              label: 'Tutorial',
76              to: '/docs/intro',
77            },
78          ],
79        },
80        {
81          title: 'Community',
82          items: [
83            {
84              label: 'Stack Overflow',
85              href: 'https://stackoverflow.com/questions/tagged/docusaurus',
86            },
87          ],
88        },
89      ],
90      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
91    },
92    prism: {
93      theme: githubThemes.github,
94      darkTheme: githubThemes.dracula,
95    },
96  } satisfies Preset.ThemeConfig,
97};
98
99export default config;