정적 블로그 시작하기

hwishort

정적 블로그를 만드는 방법에 대한 안내.

가이드튜토리얼Next.js

정적 블로그 시작하기

정적 블로그를 만드는 것은 생각보다 쉽습니다. 이 글에서는 Next.js를 사용해 정적 블로그를 만드는 방법을 설명합니다.

필요한 도구

  • Node.js: 자바스크립트 런타임
  • Next.js: React 프레임워크
  • Tailwind CSS: 스타일링
  • Markdown: 콘텐츠 작성

설치 과정

# 프로젝트 생성
npx create-next-app@latest my-blog --typescript --tailwind --eslint

# 의존성 설치
npm install gray-matter remark remark-html date-fns

# 개발 서버 실행
npm run dev

글 작성하기

posts/ 디렉토리에 마크다운 파일을 생성하세요:

---
title: "글 제목"
date: "2024-01-15"
description: "글 설명"
tags: ["태그1", "태그2"]
---

# 글 내용

배포

정적 사이트로 빌드한 후 GitHub Pages, Netlify, Vercel 등에 배포하세요.

npm run build
npm run export

이제 정적 블로그가 완성되었습니다!