> 웹 프론트엔드 > JS 튜토리얼 > Nextra를 사용하여 문서 사이트 생성

Nextra를 사용하여 문서 사이트 생성

Susan Sarandon
풀어 주다: 2024-11-08 20:58:02
원래의
546명이 탐색했습니다.

이 기사에서는 Nextra를 사용하여 정적 문서 사이트를 생성하는 방법을 알아보고 예제도 제공합니다.

Nextra를 사용하면 Next.js 및 MDX로 ​​아름다운 웹사이트를 만들 수 있습니다.

Nextra 문서는 두 가지 옵션을 제공합니다. 하나는 문서용이고 다른 하나는 블로그용입니다.

Nextra 사용

Nextra를 수동으로 구성하는 것은 간단합니다. 패키지를 설치하고, Next.js 구성을 업데이트하고, theme.config.jsx를 생성하고, 마지막으로 페이지/_app.jsx를 생성합니다

앱 라우터에서 Nextra를 사용하는 것과 관련하여 Nextra에 중요한 FAQ가 있습니다. 아직 지원되지 않지만 Next.js는 앱과

를 모두 지원합니다. 페이지 라우터를 동일한 앱에서 사용할 수 있습니다.

비공식 변경 집합 문서 사이트

이 저장소는 비공식 변경 집합 문서 사이트입니다. Vercel에 배포되었으며 https://changesets-docs.vercel.app/

에서 사용할 수 있습니다.

Generate a documentation site using Nextra

// next.config.mjs
import nextra from "nextra";
const withNextra = nextra({
 theme: "nextra-theme-docs",
 themeConfig: "./theme.config.jsx",
 defaultShowCopyCode: true,
});
export default withNextra({
 i18n: {
 locales: ["en-US", "zh-CN"],
 defaultLocale: "en-US",
 },
});
로그인 후 복사

회사 소개:

Thinkthroo에서는 대규모 오픈소스 프로젝트를 연구하고 아키텍처 가이드를 제공합니다. 우리는 귀하의 프로젝트에서 사용할 수 있는 tailwind로 구축된 재사용 가능한 구성 요소를 개발했습니다. Next.js, React, Node 개발 서비스를 제공합니다.

귀하의 프로젝트에 대해 논의하려면 회의를 예약하세요.

Generate a documentation site using Nextra

참고:

  1. https://nextra.site/docs/docs-theme/start

  2. https://github.com/nnecec/changesets-docs

  3. https://changesets-docs.vercel.app/

위 내용은 Nextra를 사용하여 문서 사이트 생성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿