Tech/블로그 생성 일지

노션 블로그 생성 일지(2) - 노션 블로그를 위한 3가지 오픈소스 비교

▶️ 이 포스팅에서 다루는 것오픈소스에서 노션을 블로그로 활용하려는 시도는 여럿 있었고, 우피라는 상용화된 서비스도 있다.이번 챕터는 노션을 CMS로 다루는 다른 오픈소스 프로젝트별 기능들을 정리해보려 한다.📌 HTML에 CSS, JS를 rewrite 하는 방식 (Fruitionsite)📌 노션DB를 Headless CMS로 활용하는 프론트 앱을 따로 만들어 배포하는 방식 (Nobelium)📌 노션 레이아웃에 완전 호환되는 프론트 앱을 따로 만들어 배포하는 방식 (nextjs-notion-starter-kit)깃허브 속 오픈소스들은 크게 이 세가지 방식으로 노션 블로그를 만들었다.⚡ 블로그 활용성 비교▶️ 노션 페이지 공유 (디폴트)😉 Advenced Features배포를 위한 별다른 노력이 필요..

노션 블로그 생성 일지(1) - 티스토리 vs 노션 블로그 비교

이 포스팅에서 다루는 것 나는 티스토리도 노션도 2019년부터 써왔다. 노션은 정말 편리한 생산성 도구다. MD기반의 깔끔한 UI와 블록기반 레이아웃은 최소 노력으로 최대 효율의 문서 작성을 도와준다. 속성, 여러 뷰 타입, 데이터베이스 생성도 자유로워 CMS로서도 아쉬울 게 없다. 다 좋은데 노션을 블로그로 활용하기엔 티스토리에 비해 아쉬운 부분이 많았다. 직접 쓰며 겪은 기존 블로그 호스팅 서비스와 노션 블로그의 장단점을 비교하였다. 티스토리와 비교해서 노션을 블로그로 쓰기 불편했던 점들 정상우님의 hELLO 스킨을 활용해 만든 티스토리 블로그 hELLO 스킨과 비교했을 때, 노션 블로그는 기능이 없거나 있어도 애매했다. 1️⃣ 로딩 속도 노션 공유페이지의 웹 바이탈이 썩 마음에 들지 않는다. 특정 ..

[트러블슈팅] Fruitionsite with Cloudflare Workers Error 1034

overist notion-blog Tech and Insight notion.over.ist Cloudflare Workers DNS 오류 Fruitionsite라는 오픈소스를 Cloudflare Workers로 배포하였으나, 지난 Vercel app 배포때의 오류처럼 포워딩이 정상적으로 안되는 현상이 일어났다. 🤩 다행히 이번엔 에러코드라도 줘서 다행이다. 서비스 소개 Fruitionsite는 노션 페이지 공유시 툴킷, URL, CSS, JS를 커스텀하여 적용할 수 있는 서비스다. 첫 화면부터 기존의 지저분한 노션 툴킷이 사라진 모습을 볼 수 있다. 서비스 로직 1. Couldflare Workers에서 Notion 페이지 정보를 그대로 가져오고, 2. 페이지 하단에 추가 HTML요소들을 append..

[트러블슈팅] - Vercel deploy via Cloudflare, DNS 오류 (DNS_PROBE_FINISHED_NXDOMAIN)

문제 발생 내용 Vercel 배포에 커스텀 도메인을 사용할 때 Cloudflare를 경유하면 DNS 오류 발생 Cloudflare에서 관리중인 도메인을 Vercel 프로덕션으로 라우팅 하였으나 DNS 질의가 실패하는 현상 발생 Cloudflare DNS 레코드 설정정보 Vercel 커스텀 도메인 적용 가이드를 따라 내 도메인 주소의 네임서버(Cloudflare)에서 DNS 레코드를 설정하였다. 📌 next.over.ist : 'next'에 대한 CNAME을 프로덕션으로 라우팅하기위해 cname.vercel-dns.com(Vercel dns서버)를 가리키는 레코드 등록 📌 over.ist : 루트 도메인은 아직 사용할 곳이 없었으므로,..