Next.js와 MDX로 아름다운 웹사이트 만들기

간단하고 강력하며 유연한 사이트 생성 프레임워크. 당신이 Next.js에서 좋아하는 모든 기능을 경험해보세요.

시작하기 →

배경배경 (다크모드)

몇 분 만에 완성되는
강력한 문서화

링크와 이미지는
항상 최적화됩니다

Nextra는 가능한 경우 Markdown 링크와 이미지를 자동으로 Next.js Link (opens in a new tab)와 Next.js Image (opens in a new tab)로 변환합니다. 느린 탐색이나 레이아웃 이동이 없습니다.

[Learn more](/more)
![Hero](/hero.png)
<Link .../>
<Image .../>

고성능 구문
하이라이팅 기능

Shiki (opens in a new tab)가 제공하는 성능이 뛰어나고 안정적인 빌드 타임 하이라이팅 강조 기능.

새 파일을 만드는 것만큼
쉬운 국제화

페이지 파일 이름에 로케일을 접미사로 추가하면 Nextra와 Next.js가 나머지를 처리합니다.

/hello.en-US.mdx/hello.de-DE.mdx/hello.ja-JP.mdx
EnglishDeutsch日本語

MDX 2를 사용하면 Markdown 내에서 컴포넌트를 사용할 수 있으며,
v1에 비해 큰 성능 향상이 있습니다.

다크
모드
지원

전체 텍스트 검색,
설정 필요 없음

Nextra는 빌드 시 자동으로 콘텐츠를 인덱싱하고 FlexSearch를 통해 놀랍도록 빠른 전체 텍스트 검색을 수행합니다.

Next.js의 파일 시스템 라우팅으로 직관적인 페이지 구성

최우선 순위의 접근성

대비 증가와 모션 감소와 같은
시스템 옵션을 존중합니다.

차세대
하이브리드 렌더링

Markdown 콘텐츠에 SSG, SSR, ISR을 포함한 Next.js의 하이브리드 렌더링 파워를 활용할 수 있습니다.

그리고 더 많은 기능...

SEO / RTL 레이아웃 / 플러그인 테마 / 내장 컴포넌트 / 마지막 Git 수정 시간 / 다중 문서...
탐험할 새로운 가능성들이 기다리고 있습니다.

Nextra 시작하기 →