개발하면서 겪은 내용과 재미있는 뉴스를 공유하는 블로그입니다.
Next.js 14 App Router와 Contentlayer를 기반으로, Tailwind CSS와 다크 모드를 지원하는 미니멀한 디자인을 적용했습니다.
- Framework: Next.js 14 (App Router)
- Content Management: Contentlayer
- Styling: Tailwind CSS
- i18n: next-intl — 한국어 / 영어 / 일본어 지원
- Theme: Dark / Light mode 지원
- Linting: Biome
- Deployment: Vercel
- MDX 기반 포스트 관리
Contentlayer로 MDX 파일을 타입 안전하게 변환해 렌더링 - 다크 모드 지원
사용자 환경에 따라 자동 전환 또는 수동 토글 가능 - 태그 기능
포스트를 주제별로 탐색 가능 - 다국어 지원
한국어(기본), 영어, 일본어 — URL prefix 방식으로 언어별 라우팅
👉 Live Site: https://blog.wichan.dev
# Install dependencies
pnpm install
# Run development server
pnpm dev
# Production build
pnpm build
# Lint
pnpm lintGitHub: @wichan7
Email: wichan.dev@gmail.com
이 블로그는 아래 템플릿을 기반으로 제작되었습니다.
https://next-contentlayer.vercel.app