Published on

Pliny 소개 및 입문 커리큘럼

[1] Pliny란 무엇인가?

✅ Pliny 정의 요약

  • Next.js 기반 오픈소스 블로그 템플릿
  • MDX 기반 콘텐츠 관리 시스템
  • Tailwind CSS, Prettier, Eslint, RSS, Sitemap, 다크모드, SEO 등 기본 내장
  • Contentlayer를 통해 .mdx 파일을 타입 안전한 정적 콘텐츠로 변환
  • 기술 블로그, 문서 사이트, 개발 기록용 블로그 구축에 최적화된 템플릿

✅ 기본 폴더 구조 요약 (Pliny 기준)

.
├── content/              # 블로그 글 MDX 파일 위치
│   └── blog/*.mdx
├── components/           # UI 컴포넌트들
├── layouts/              # 포스트 레이아웃 정의
├── lib/                  # 유틸 함수 및 SEO 처리
├── pages/                # 정적 페이지 및 라우트
├── public/               # 정적 자산 (이미지, OG 이미지 등)
├── styles/               # Tailwind CSS 및 글로벌 스타일
├── data/                 # siteMetadata 등 사이트 정보 설정
├── contentlayer.config.ts
├── tailwind.config.js
├── next.config.js
└── package.json

📚 Pliny 입문 커리큘럼 10단계

단계제목설명
1단계Pliny 소개 및 설치템플릿 구성, Git clone, 설치
2단계MDX 글 작성 구조/content/blog 구조, frontmatter
3단계Contentlayer 구조 이해contentlayer 설정 구성
4단계Tailwind 커스터마이징다크모드, 폰트 설정
5단계PostLayout 레이아웃 수정상세 페이지 레이아웃 구성
6단계정적 페이지 및 라우팅 확장/about, /projects 추가
7단계SEO 및 메타 설정siteMetadata.ts 구성
8단계RSS, Sitemap 자동 생성postbuild, sitemap 설정
9단계다국어(i18n) 구조 설계언어폴더 분리, locale 기반 렌더링
10단계배포 전략 (Vercel & GA)환경변수, GA, 도메인 설정

각 단계별 링크를 클릭하면 해당 학습 문서로 이동합니다.

학습 순서를 따라가며 실습하고, 문서 하단의 심화학습 질문까지 꼭 점검하세요!