단정회계법인 — 홈페이지·자체 CMS
회계법인의 소개·구성원·인사이트를 운영자가 직접 관리하는 Next.js 홈페이지입니다.
- 기술 스택
- Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Supabase · PostgreSQL · Drizzle ORM · Tiptap
가상 회계법인·구성원·샘플 콘텐츠로 만든 데모입니다. 실제 고객사 수행 사례가 아니며, 상담 접수·관리자별 승인 단계·버전 복구는 제공하지 않습니다.
데모 사이트 보기
구현 상세 보기접기
제작 목적
회계법인의 소개·구성원·인사이트를 운영자가 직접 관리하는 Next.js 홈페이지입니다. 공개 홈페이지와 관리자 CMS를 하나의 앱으로 구성하고, 편집 중인 내용과 실제 공개 내용을 분리해 발행 전 수정이 홈페이지에 섞이지 않도록 만들었습니다.
핵심 구현
- 인사이트의 임시저장·발행·비공개 상태를 구분합니다. 발행한 글을 수정하는 동안에도 공개 화면에는 기존 내용을 유지합니다.
- 글·구성원·연혁·팝업·사이트 설정을 CMS에서 관리하고, 공개 데이터가 바뀌면 관련 캐시를 갱신해 홈페이지에 반영합니다.
- Supabase Auth 로그인과 활성 관리자 여부를 서버에서 확인합니다. 입력값을 검증하고 본문 HTML의 허용 태그와 속성을 제한합니다.
- 본문 편집기와 이미지 업로드, 글별 SEO·공유 이미지·사이트맵을 구성했습니다. 임시저장·비공개 글은 공개 목록에서 제외하고 상세 주소도 404로 처리합니다.