Skip to main content
GitHub
3 min read

가이드

설치

Barodoc 설치: CLI(제로 설정) 또는 수동 Astro 설정

Barodoc을 쓰는 방법은 두 가지입니다. **CLI(제로 설정)**은 문서 전용 프로젝트용이고, **수동(Astro)**은 Astro 앱 전체를 쓰는 경우입니다.

CLI (제로 설정, 새 문서 사이트 권장)

프로젝트에 package.json이나 Astro 설정이 없습니다. docs/, public/, barodoc.config.json만 있습니다.

프로젝트 생성

pnpm create barodoc my-docs
cd my-docs

생성되는 구조

경로용도
docs/en/기본 로케일용 Markdown/MDX. i18n 시 docs/ko/ 등 추가.
public/정적 파일 (로고, 파비콘).
barodoc.config.json사이트 이름, navigation, theme, i18n, topbar 등.
.gitignore.barodoc/, dist/, node_modules/ 제외.

프로젝트 안에는 src/astro.config.mjs가 없습니다. 명령 실행 시 CLI가 .barodoc/ 아래에 임시 Astro 프로젝트를 만듭니다.

명령어

# 개발
npx barodoc serve

# 선택: 포트/설정 파일 지정
npx barodoc serve --port 3000
npx barodoc serve --config custom.config.json

# 프로덕션 빌드 (결과: dist/)
npx barodoc build

# 빌드 미리보기
npx barodoc preview

프로젝트 안에서 별도 설치 없이 npx barodoc으로 실행합니다.


수동 설치 (Astro 통합)

일반 Astro 프로젝트가 필요할 때(커스텀 라우트, 다른 통합 등) 사용합니다. 콘텐츠는 src/content/docs/에 두고 pnpm dev / pnpm build로 실행합니다.

1. Astro 프로젝트 생성

pnpm create astro@latest my-docs
cd my-docs

2. Barodoc 패키지 설치

pnpm add @barodoc/core @barodoc/theme-docs astro

3. Astro 설정

astro.config.mjs에 다음을 추가합니다:

import { defineConfig } from "astro/config";
import barodoc from "@barodoc/core";
import docsTheme from "@barodoc/theme-docs";

export default defineConfig({
  integrations: [
    barodoc({
      config: "./barodoc.config.json",
      theme: docsTheme(),
    }),
  ],
});

4. 설정 파일 생성

프로젝트 루트에 barodoc.config.json 생성:

{
  "name": "My Docs",
  "logo": "/logo.svg",
  "navigation": [
    {
      "group": "시작하기",
      "pages": ["introduction", "quickstart"]
    }
  ],
  "i18n": {
    "defaultLocale": "en",
    "locales": ["en"]
  }
}

5. 콘텐츠 추가

src/content/docs/en/introduction.mdx를 만들고, 필요하면 src/content/docs/ko/ 등 다른 로케일도 추가합니다. 구조와 슬러그는 콘텐츠 구조를 참고하세요.

---
title: 소개
description: 문서에 오신 것을 환영합니다
---

# 환영합니다

문서 내용을 여기에 작성하세요.

6. 실행

pnpm dev
pnpm build

콘텐츠 구조와 URL 규칙은 CLI 모드와 동일하고, 디렉터리만 docs/ 대신 src/content/docs/를 사용합니다.

Linked from