MDX with Next.js App Router
- Next.js 15를 사용하여 Markdown (.mdx) 파일을 React 컴포넌트와 함께 사용하면 웹사이트를 쉽게 구축할 수 있습니다. 🛠️
- Next.js 15 업데이트로 TypeScript를 사용할 수 있는 .ts 설정 파일이 추가되었습니다. 📚
@next/mdx
플러그인을 통해 MDX 페이지를 생성하고, 실시간 prerendering을 위한 Rust 기반 MDX 컴파일 플러그인을 사용하여 빌드 속도를 향상시킬 수 있습니다. 🚀
mdx-components.tsx
파일에서 MDX 페이지에 사용할 기본 컴포넌트를 정의할 수 있습니다. (예: 링크, 코드 블록, Typography, 테이블 등) 🧩
- Next.js App Router는 자동적으로 metadata를 관리하고 ViewTransitions 사용을 가능하게 합니다. 💅
- Next.js App Router는 모든 페이지에 쉽게 적용되는 전역적인 스타일링과 구성을 가능하게 합니다. ✨
- 위의 기술을 다양하게 사용하여 웹사이트를 더욱 효율적으로 만들 수 있습니다. 💪