Configuration

This guide will walk you through the various configuration options available in our project.

Theme Configuration

You can customize the theme by modifying the theme.config.js file in the root directory.

module.exports = {
  logo: <span>My Project</span>,
  project: {
    link: 'https://github.com/your-username/your-project'
  },
  docsRepositoryBase: 'https://github.com/your-username/your-project/blob/main',
  footer: {
    text: `MIT ${new Date().getFullYear()} © Your Name.`
  }
}

Navigation

Configure the sidebar navigation in the _meta.json file:

{
  "index": "Introduction",
  "getting-started": "Getting Started",
  "features": "Features",
  "configuration": "Configuration",
  "advanced": "Advanced"
}

Custom CSS

Add custom styles by creating a styles.css file in the pages directory:

:root {
  --nextra-primary-hue: 230;
  --nextra-primary-saturation: 100%;
}
 
.dark body {
  background-color: #111;
}

Environment Variables

Create a .env.local file in the root directory to set environment variables:

NEXT_PUBLIC_GA_ID=your-google-analytics-id
API_KEY=your-api-key

Remember to add .env.local to your .gitignore file to keep sensitive information secure.

These are just a few of the configuration options available. Refer to the official documentation for more advanced settings and customizations.