Next.js(App Router) SEO 블로그를 MDX로 세팅하는 방법

개요

이 레포는 Next.js(App Router) + TypeScript + Tailwind 기반 블로그입니다.
글은 content/{locale}/posts/*.mdx에 저장되며, draft: true 글은 목록/사이트맵/RSS에서 자동 제외됩니다.

SEO 체크리스트

• 페이지별 generateMetadata()
• 글 상세 JSON-LD(BlogPosting + BreadcrumbList)
• /sitemap.xml, /robots.txt, /feed.xml
• /api/og/{locale}/{slug}로 OG 이미지 자동 생성

MDX 예시

• 링크: Next.js App Router\n- 인라인 코드: generateMetadata()

export function hello(name: string) {
  return `hello ${name}`;
}