정적 블로그 시작하기
•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
이제 정적 블로그가 완성되었습니다!