이 블로그를 만드는 이유 — 노션 글을 밖으로 옮기기 전에

이 글은 노션에 쌓아 둔 글을 관리·공개하기 위한 블로그를 따로 만들기로 하면서 쓰는 첫 글이다. 아직 사이트는 안 올렸다. 스택도 이제 막 골랐을 뿐이다. 여기서는 “왜 노션만으로는 부족했는지”, 그리고 “왜 Astro 쪽으로 기울었는지”만 적어 둔다.

날짜: 2026-09-14

---

노션은 그대로 두고, 블로그를 하나 더

노션은 정리하기 좋다. 탭으로 나누고, 검색하고, 에이전트랑 붙이기도 편하다. 그래서 노트·공부·메모는 계속 노션에 쌓인다.

다만 그 글들을 밖으로 읽히게 하려면 노션만으로는 아쉽다. URL·로딩·SEO·“블로그만 보고 온 사람”에게 주는 인상. 노션을 버리자는 게 아니라, 관리·공개용 레이어를 하나 더 두자는 쪽이다.

그래서 이 블로그를 만들려 한다.

• 노션에 쓴 글 중 공개할 것만 골라 올린다
• 글 페이지는 빠르고 가볍게
• 마크다운(또는 MDX)으로 옮기기 쉬울 것
• 검색창·버튼처럼 클릭이 필요한 곳만 익숙한 리액트로

---

후보를 놓고 헤맸다

익숙한 순서대로 후보를 늘어놨다.

Next.js

매일 쓰는 스택이다. App Router, SSG/ISR, MDX도 된다. 다만 “글만 뿌리는 사이트”에 처음부터 리액트 런타임을 깔아 두는 느낌이 들었다. 할 수는 있는데, 이 블로그의 기본값으로는 과하다는 생각이 남았다. 앱·대시보드는 Next에 두고, 글 레이어는 분리하고 싶었다.

Remix

서버 중심·폼·로더 모델은 매력적이었다. 그런데 지금 하려는 일의 핵심은 정적 문서 이관이지, 앱형 라우팅·뮤테이션이 아니었다. “맞는 도구인가?”에서 한 번 멈췄다.

Gatsby

정적 사이트·GraphQL 데이터 레이어·플러그인. “노션/마크다운 → 정적 블로그” 그림과는 Gatsby가 제일 잘 맞았다. 그래서 한동안은 거의 Gatsby로 가려 했다.

---

Gatsby에서 발을 뺀 이유

가려다 말고 접은 이유는 스펙 한 줄이 아니라 현실 신호였다.

• 인수·방향성 — 주인이 바뀌고 나서, 예전처럼 “여기가 정적 블로그의 정답”이라는 확신이 줄었다.
• 에러·유지보수 이야기 — 빌드·플러그인·의존성 이슈 이야기가 끊이지 않았다. “지금도 새로 쓴다”는 목소리를 찾기 어려웠다.
• 안 쓴다는 분위기 — 새로 시작하는 개인 블로그에, 이미 기운이 빠진 스택을 고르고 싶지 않았다.

익숙한 GraphQL보다, 앞으로 같이 갈 기본값이 더 중요했다. Gatsby 카드는 접었다.

---

그래서 Astro 쪽으로

“정적 HTML이 기본이고, UI 프레임워크는 필요할 때만”이라는 문장이 눈에 들어왔다. 그게 원하던 그림과 거의 같았다.

처음엔 Astro도 리액트 계열인가 싶었다. 아니다. Astro는 자체 프레임워크다. 기본은 HTML + JS/TS다. (아직 이걸로 사이트를 올린 적은 없다. 지금부터 그쪽으로 가려 한다.)

페이지는 .astro 파일

위는 스크립트, 아래는 HTML에 가깝다.

---
const title = "안녕";
---
<h1>{title}</h1>

빌드하면 이 페이지는 그냥 HTML로 나간다. 리액트 런타임도, hydration도 없다. 글이 가벼워질 수 있는 이유다.

리액트는 “필요할 때만”

버튼, 검색창처럼 클릭이 필요한 부분만 .tsx로 넣고 client:load 같은 지시어로 그 조각만 살린다. Vue, Svelte도 같은 식으로 섞을 수 있다. 이른바 섬(Islands) 모델이다.

정리하면:

• 기본: HTML 템플릿 + JS/TS. 리액트 아님
• 선택: 필요한 컴포넌트만 리액트로 붙임
• 결과: 글 페이지는 정적 HTML, 인터랙션만 JS

---

Next와 한 줄로 비교하면

넥스트는 처음부터 리액트다. 아스트로는 “HTML이 기본이고, 리액트는 필요할 때만”이다. 리액트에 익숙하면 섬만 .tsx로 쓰면 된다. 페이지 골격까지 리액트로 짤 필요는 없다.

---

앞으로

노션에 쌓인 글을 밖으로 관리하려면 Astro로 블로그를 만드는 쪽이 맞다고 본다.

• 글은 정적 HTML로 가볍게
• 검색·토글·위젯만 리액트 섬
• Next는 앱 쪽에 그대로 두고, 이 블로그는 분리

다음에 할 일 스케치:

• 노션에서 공개할 글을 고른다
• 마크다운(또는 MDX)으로 보내기·동기화
• Astro content collection + 레이아웃·태그·검색(섬)
• 정적 호스팅으로 배포 (Cloudflare Pages / Netlify / GitHub Pages 등)