포텐 블로그

포텐 블로그는 Next.js, Tailwind CSS, Contentlayer를 기반으로 구축된 블로그이며, Timothy Lin 님이 만든 Pliny 템플릿을 커스터마이징하여 제작되었습니다.
Pliny는 tailwind-nextjs-starter-blog의 후속 템플릿으로, MIT 라이선스 하에 자유롭게 사용 및 수정할 수 있으며, 출처를 명시하는 것이 권장됩니다.

1. Next.js 기반 SSR/SSG 지원

이 블로그는 Next.js 프레임워크를 활용하여 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원합니다.
빠른 초기 로딩과 검색 엔진 최적화(SEO)에 유리하며, React Server Components와 결합하여 클라이언트/서버 렌더링의 효율을 극대화합니다.

2. Tailwind CSS를 활용한 유틸리티 스타일링

스타일링은 Tailwind CSS를 기반으로 구성되어 있으며, 유틸리티 클래스 중심의 구조로 빠르게 UI를 구성하고 반응형 디자인을 쉽게 적용할 수 있습니다.
Pliny 템플릿은 기본적으로 다크 모드, 코드 하이라이팅, 모바일 대응 등 다양한 UI 요소가 이미 구성되어 있어 빠른 커스터마이징이 가능합니다.

3. Contentlayer + Markdown(MDX) 콘텐츠 관리

콘텐츠는 Contentlayer를 통해 Markdown(MDX) 파일로 관리됩니다.
작성한 .mdx 파일은 자동으로 타입이 생성되고, 블로그 내에서 렌더링되어 관리 효율성과 유지보수성을 크게 향상시킵니다.

4. Kubernetes 기반 자동 배포 환경

포텐 블로그는 Kubernetes 클러스터에 배포되어 Ingress를 통해 개인 도메인과 서브도메인을 직접 관리합니다. 이 방식은 트래픽 제어, 보안 인증서(TLS), 서브도메인 분기 등을 유연하게 설정할 수 있어, 자체 인프라에서 블로그를 운영하려는 사용자에게 적합합니다.

단일 블로그만 운영할 계획이고, 복잡한 인프라를 구성하지 않으려는 경우에는 Vercel을 통한 배포도 추천됩니다. GitHub 저장소와 Vercel을 연동하면, 코드 커밋 시 자동으로 배포되며, Next.js 환경에 최적화된 무중단 CI/CD 파이프라인을 쉽게 구축할 수 있습니다. Vercel은 DNS 설정을 통해 개인 도메인 연결도 지원하므로, 간편하게 블로그를 운영하고 싶은 사용자에게 유리한 선택입니다.

Pliny 템플릿은 빠르고 효율적인 개발 블로그를 구축할 수 있도록 최적화된 구조를 제공합니다.
포텐 블로그는 이 템플릿을 바탕으로 개인 기술 공유와 프로젝트 기록을 위한 공간으로 활용됩니다.
이 글은 해당 블로그의 첫 번째 포스트이며, 앞으로 기술적인 인사이트와 Poten Lab의 프로젝트 기록을 꾸준히 담아갈 예정입니다.