Skip to content
JustDocs

Configuration

JustDocs offers extensive configuration options to customize your documentation site.

Basic Configuration

Configure JustDocs in your astro.config.mjs:

import { defineConfig } from 'astro/config';
import justdocs from 'justdocs-theme';

export default defineConfig({
  integrations: [
    justdocs({
      title: 'My Documentation',
      description: 'Beautiful docs powered by JustDocs',
      logo: '/logo.svg',
      social: {
        github: 'https://github.com/yourusername/repo',
        twitter: 'https://twitter.com/yourusername',
        discord: 'https://discord.gg/yourinvite'
      }
    })
  ]
});

Theme Customization

Colors

Customize your brand colors:

justdocs({
  theme: {
    colors: {
      primary: '#9333ea',
      secondary: '#ec4899',
      accent: '#06d6a0'
    }
  }
})

Typography

Configure fonts and typography:

justdocs({
  theme: {
    fonts: {
      sans: ['Inter', 'system-ui', 'sans-serif'],
      mono: ['JetBrains Mono', 'monospace']
    }
  }
})

Configure the navigation structure:

justdocs({
  nav: {
    links: [
      { text: 'Documentation', link: '/docs' },
      { text: 'Guides', link: '/guides' },
      { text: 'API', link: '/api' }
    ]
  }
})

SEO Settings

Optimize for search engines:

justdocs({
  seo: {
    sitemap: true,
    robots: true,
    canonical: 'https://yourdomain.com'
  }
})

On This Page