재하의 개발 블로그
아티클 1 분 소요

블로그를 시작하며

astro blog mdx

안녕하세요

이 블로그는 AstroMDX를 기반으로 만들어졌습니다.

MDX 지원 이 블로그는 MDX를 지원하여 마크다운 안에서 React 컴포넌트를 사용할 수 있습니다.

기술 스택

  • Astro — 정적 사이트 생성기
  • React — 인터랙티브 아일랜드 컴포넌트
  • Tailwind CSS — 유틸리티 우선 스타일링
  • shadcn/ui — 접근 가능한 UI 컴포넌트

아키텍처 다이어그램

graph LR
    A[MDX 콘텐츠] --> B[Astro 빌드]
    B --> C[정적 HTML]
    B --> D[React Islands]
    C --> E[배포]
    D --> E

코드 예시

const greeting = "Hello, World!";
console.log(greeting);

유용한 링크

Astro — 콘텐츠 중심의 빠른 웹사이트를 위한 프레임워크

앞으로 TIL, 프로젝트 회고, 기술 아티클을 이곳에 기록할 예정입니다.