docusaurus.config.js

// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const lightCodeTheme = require("prism-react-renderer/themes/github");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");

const config = {
	title: "Atri Labs",

	tagline: "Build better apps faster",
	url: "https://docs.atrilabs.com",
	baseUrl: "/",
	onBrokenLinks: "throw",
	onBrokenMarkdownLinks: "warn",
	favicon: "img/favicon.ico",

	// GitHub pages deployment config.
	// If you aren't using GitHub pages, you don't need these.
	organizationName: "Atri-Labs", // Usually your GitHub org/user name.
	projectName: "framework-docs", // Usually your repo name.
	deploymentBranch: "gh-pages",

	// Even if you don't use internalization, you can use this field to set useful
	// metadata like html lang. For example, if your site is Chinese, you may want
	// to replace "en" with "zh-Hans".
	i18n: {
		defaultLocale: "en",
		locales: ["en"],
	},

	presets: [
		[
			"classic",
			/** @type {import('@docusaurus/preset-classic').Options} */
			({
				docs: {
					sidebarPath: require.resolve("./sidebars.js"),
					// Please change this to your repo.
					// Remove this to remove the "edit this page" links.
					editUrl:
						"https://github.com/Atri-Labs/framework-docs/tree/main/",
					routeBasePath: "/",
				},
				blog: {
					showReadingTime: true,
					// Please change this to your repo.
					// Remove this to remove the "edit this page" links.
					editUrl:
						"https://github.com/Atri-Labs/framework-docs/tree/main/",
				},
				pages: {
					routeBasePath: "/pages",
				},
				theme: {
					customCss: require.resolve("./src/css/custom.css"),
				},
			}),
		],
	],
	themeConfig:
		/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
		({
			navbar: {
				title: "Atri Labs",
				logo: {
					alt: "Atri Labs Logo",
					src: "img/logo.svg",
				},
				items: [
					{
						type: "doc",
						docId: "intro",
						position: "left",
						label: "Docs",
					},
					{ to: "/blog", label: "Blog", position: "left" },
					{
						type: 'docSidebar',  // docSidebar
						position: 'left',
						sidebarId: 'tutorials', // foldername
						label: 'Tutorials',     // navbar title
					},
					{
						href: "https://github.com/Atri-Labs/atrilabs-engine",
						position: "right",
						className: "header-github-link",
						"aria-label": "GitHub repository",
					},
					// {
					//     type: 'html',
					// 	position: 'right',
					// 	value: '<iframe src="https://ghbtns.com/github-btn.html?user=Atri-Labs&repo=atrilabs-engine&type=star&count=true" frameborder="0" scrolling="0" width="90" height="20" title="GitHub"></iframe>',
					// 	className: "stars-sign"
					// }
				],
			},
			footer: {
				style: "dark",
				links: [
					{
						title: "Community",
						items: [
							{
								label: "Slack",
								href: "https://join.slack.com/t/atricommunity/shared_invite/zt-1e756m1at-bZBxngvw7KWWO0riI4pc0w",
							},
							{
								label: "Stack Overflow",
								href: "https://stackoverflow.com/questions/tagged/atri",
							}
						],
					},
					{
						title: "Social",
						items: [
							{
								label: "GitHub",
								href: "https://github.com/Atri-Labs/atrilabs-engine",
							},
							{
								label: "Linkedin",
								href: "https://www.linkedin.com/company/atri-labs",
							},
							{
								label: "Twitter",
								href: "https://twitter.com/atrilabs",
							},
							{
								label: "Blog",
								to: "/blog",
							}
						],
					},
				],
				copyright: `Copyright © ${new Date().getFullYear()} Pulastya, Inc.`,
			},
			prism: {
				theme: lightCodeTheme,
				darkTheme: darkCodeTheme,
			},
			algolia: {
			  // The application ID provided by Algolia
			  appId: 'Z9I0IHDCQY',

			  // Public API key: it is safe to commit it
			  apiKey: '9e244f763024c7786e4376c7375e05cd',

			  indexName: 'atrilabs',

			  // Optional: see doc section below
			  contextualSearch: true
			}
		}),
};

module.exports = config;