여기서 시작하기
NotionNext를 처음 접한다면 전체 문서를 다 읽을 필요는 없습니다. 아래 경로를 따라 먼저 사이트를 띄운 다음, 테마·도메인·운영 기능을 단계별로 설정하세요.
당신은 어떤 유형인가요?
| 유형 | 가장 신경 쓰는 것 | 추천 진입점 |
|---|---|---|
| 비개발자 | 코드 없이 단계만 따라 만들 수 있는지 | 20분 배포 경로 |
| 콘텐츠 크리에이터 | 글쓰기는 여전히 Notion에서, 사이트는 보기 좋은지 | 콘텐츠형 테마 선택 |
| 잠재 사용자 | NotionNext가 일반 블로그·Notion 공개 페이지와 무엇이 다른지 | 홈 소개 |
| 개발자 | 소스 구조, 설정 항목, 테마 확장이 통제 가능한지 | 개발자 경로 |
| 커뮤니티 기여자 | 문제 피드백, 문서 보완, 테마 기여 방법 | 커뮤니티 참여 |
20분 배포 경로
1. 먼저 결과물 확인
테마 미리보기 사이트를 열어 최종 결과물을 확인합니다. 좌측 하단에서 테마를 전환할 수 있으니, 원하는 것이 블로그인지 문서인지 포트폴리오인지 공식 사이트인지 내비게이션 사이트인지 먼저 정하세요.
2. Notion 템플릿 복사
NotionNext는 Notion 데이터베이스를 콘텐츠 소스로 삼습니다. 먼저 공식 템플릿을 복사한 뒤, 자신의 Notion 공간에서 글, 분류, 태그, 커버, 메뉴를 관리합니다.
이어서 읽기: Notion 데이터베이스 사용법
3. 프로젝트 코드 Fork
GitHub 저장소를 Fork하면 자신만의 사이트 소스 코드를 갖게 됩니다. 이후 설정, 테마, 플러그인, 배포는 모두 자신의 저장소에서 진행합니다.
4. Vercel에 원클릭 배포
초보자는 Vercel을 우선 사용하세요. 절차가 간단하고 무료 한도가 충분하며 문서 사례가 가장 많습니다.
이어서 읽기: Vercel로 NotionNext 배포
5. 테마 선택
배포에 성공한 뒤 사이트 목표에 맞춰 테마를 선택합니다. 처음부터 모든 설정 항목에 빠지지 마세요. 테마를 제대로 고르면 이후 설정이 훨씬 수월해집니다.
이어서 읽기: 상황별 테마 선택
6. 운영 기능 보완
배포 후 단계별로 설정하세요:
- 독립 도메인: Vercel 커스텀 도메인 연결
- 사이트 기본 정보: 사이트 설정
- 댓글 시스템: 댓글 플러그인 설명
- 방문 통계: 사이트 통계 관련
- 검색 엔진 등록: 검색 엔진 등록
개발자 경로
이미 프런트엔드를 다룰 줄 알거나 깊이 커스터마이즈하고 싶다면 다음 페이지부터 시작하는 것을 권장합니다:
자주 묻는 의문
코드를 못 해도 사용할 수 있나요?
가능합니다. 최소 경로는 템플릿 복사, 저장소 Fork, Vercel 배포, 환경 변수 입력입니다. 이후에는 Notion에서 글만 써도 사이트를 계속 업데이트할 수 있습니다.
왜 Notion 공개 페이지를 쓰지 않나요?
Notion 공개 페이지는 단일 페이지 콘텐츠 공유에 적합하고, NotionNext는 독립 사이트를 장기 운영하는 데 더 적합합니다. 자신의 도메인, 테마, SEO, 댓글, 통계, 검색과 더 많은 플러그인을 사용할 수 있습니다.
콘텐츠가 잠겨버리지 않나요?
Notion은 콘텐츠 소스, GitHub 저장소는 사이트 소스 코드, 배포 플랫폼은 호스팅 계층일 뿐입니다. Notion을 백업하고, Markdown으로 이전하고, 테마를 바꾸거나 배포 플랫폼을 교체할 수 있습니다.