Framework Comparison

// vite.config.ts
import { defineConfig } from "vite"
import { ardo } from "ardo/vite"

export default defineConfig({
  plugins: [
    ardo({
      title: "My Docs",
      description: "Documentation",
    }),
  ],
})

// .vitepress/config.ts
import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'My Docs',
  description: 'Documentation',
  themeConfig: {
    sidebar: [...],
    nav: [...],
  },
})

// docusaurus.config.js
module.exports = {
  title: 'My Docs',
  tagline: 'Documentation',
  url: 'https://example.com',
  baseUrl: '/',
  presets: [
    ['@docusaurus/preset-classic', {
      docs: { sidebarPath: require.resolve('./sidebars.js') },
    }],
  ],
  themeConfig: {
    navbar: { items: [...] },
  },
}

// astro.config.mjs
import { defineConfig } from 'astro/config'
import starlight from '@astrojs/starlight'

export default defineConfig({
  integrations: [
    starlight({
      title: 'My Docs',
      sidebar: [...],
    }),
  ],
})