Obsidian + Next.js

공식 가이드

목표

  • Next.js v15 & App Router 최신 빌드 활용
  • Markdown 파싱 일관화
  • App 프로젝트와 Obsidian Vault 분리되지 않도록 유지
  • SEO 관련 제어 가능
  • main 브랜치 = 프로덕션 배포
  • 가급적 Tailwind 모든 기능 학습
  • Vercel, GitHub Action 워크플로우 학습

마크다운 전환 모듈

  • remark-parse
  • remark-rehype
  • remark-gfm
  • @r4ai/remark-callout
  • rehype-stringify
  • rehype-raw
  • rehype-slug
  • rehype-pretty-code
  • rehype-external-links

Tasks

  • next.js, vercel 도입 검토
  • app+obsidian 프로젝트 구조 설계
  • 마크다운 파서 구현
  • 배포 검증
  • code highlight 설정
  • sitemap 설정
  • 도메인 설정
  • callout 마크다운 설정
  • rss feed 설정
  • footer 다크모드 전환 추가
  • 이미지 줌 스크립트 적용
  • a태그 링크 일괄 대응 방법 확인
  • footnotes 스타일링
  • og images 적용
  • backlink 구현
  • heading link 재구현
  • TypeScript 전환
  • Git Submodule 적용

참고자료

결과물