Skip to Content
GuidesConfiguration

Configuration

Learn how to configure your Nextra documentation site.

Site Metadata

Update the metadata in app/layout.jsx:

export const metadata = {
  title: {
    template: '%s – Your Project Name',
    default: 'Your Project Name'
  },
  description: 'Your project description goes here',
}

Edit content/_meta.json to customize your navigation structure:

{
  "index": "Home",
  "getting-started": "Getting Started",
  "guides": "Guides",
  "features": "Features"
}

Theme Colors

Customize theme colors in app/layout.jsx:

:root {
  --nextra-primary-hue: 15 !important;
  --nextra-primary-saturation: 55.6% !important;
  --nextra-primary-lightness: 52.4% !important;
}

Next Steps

Last updated on
Getting StartedCustomization