맨 위로
SaaS

강남서울외과의원

Launch
비공개
Client
강남서울외과의원

유방·하지정맥류·갑상선·지방종 클리닉 공개 웹 + 치료사례/뉴스 CMS 어드민 구축

강남서울외과의원

Overview

범위

클리닉 공개 웹사이트 구축, 치료사례/뉴스 CMS 어드민, Firestore 콘텐츠 연동, 진료 안내·사례·문의 페이지, 운영자 콘텐츠 관리 흐름, 배포·도메인 구성

강남서울외과의원은 유방·하지정맥류·갑상선·지방종 등 클리닉 진료를 안내하는 병원입니다. 본 프로젝트는 공식 도메인 seoulsurgery.com을 기준으로 공개 웹과 치료사례/뉴스 CMS 어드민을 함께 구성한 웹+운영 도구 구축입니다. Next.js 기반으로 클리닉 홈, 진료 안내, 치료사례, 뉴스, 문의 페이지를 만들고, Firestore에 저장된 치료사례를 어드민에서 목록·작성·수정할 수 있도록 연결했습니다.

01 / 06

이 프로젝트는 어떤 문제를 해결하나요?

클리닉은 진료 과목과 치료사례를 공식 사이트에서 바로 보여 줘야 하고, 원장이 사례·뉴스를 직접 올릴 수 있는 운영 도구가 필요합니다. 공개 웹만으로는 콘텐츠 갱신이 늦어지고, 어드민 없이는 배포마다 개발 의존이 생깁니다.

  • 유방·하지정맥류·갑상선·지방종 안내가 검색 가능한 공개 웹이 필요했습니다.
  • 치료사례와 뉴스를 운영자가 직접 등록·수정해야 했습니다.
  • 공개 사이트와 어드민이 같은 콘텐츠 소스를 써야 했습니다.
  • 병원 브랜드와 예약·상담 진입이 한 흐름이어야 했습니다.
  • 배포 없이 사례를 갱신할 수 있는 CMS가 필요했습니다.
02 / 06

어떤 방식으로 해결했나요?

공개 웹과 어드민을 Next.js로 두고, 치료사례·뉴스는 Firestore에 저장해 운영자가 바로 반영할 수 있게 구성했습니다.

  • 공개 웹 IA: 홈, 진료 안내, 치료사례, 뉴스, 문의 페이지를 클리닉 브랜드 흐름으로 구성했습니다.
  • CMS 어드민: 치료사례 목록·작성·수정 화면을 두고 운영자가 콘텐츠를 관리하도록 했습니다.
  • Firestore 연동: 공개 웹과 어드민이 같은 문서를 읽·쓰도록 콘텐츠 모델을 맞췄습니다.
  • 사례 공개: 등록된 치료사례가 공개 웹에 바로 반영되도록 구성했습니다.
  • 상담 전환: 진료 안내와 문의 CTA를 사이트 전반에 배치했습니다.
  • 단일 스택: 공개 웹과 어드민을 한 Next.js 저장소에서 관리해 배포·권한을 단순화했습니다.
03 / 06

핵심 기능은 무엇인가요?

  • 클리닉 홈 페이지
  • 진료 과목 안내
  • 치료사례 공개 페이지
  • 뉴스·공지 페이지
  • 상담·문의 진입
  • 어드민 치료사례 목록
  • 어드민 치료사례 작성·수정
  • 뉴스 콘텐츠 관리
  • Firestore 콘텐츠 저장
  • 모바일·데스크톱 반응형 UI
04 / 06

개발 범위는 어디까지였나요?

  • Next.js App Router 기반 공개 웹 라우트 설계
  • 클리닉 홈, 진료, 사례, 뉴스, 문의 페이지 구현
  • 치료사례/뉴스 CMS 어드민 구현
  • Firestore 데이터 모델 및 읽·쓰기 연동
  • 운영자 권한·편집 흐름 구성
  • 반응형 UI 및 배포·도메인 구성
05 / 06

기술 스택은 어떻게 구성했나요?

공개 웹 노출과 운영자 CMS를 기준으로 기술 스택을 구성했습니다.

Next.js공개 웹과 어드민 UI, 라우트, 배포 구조를 구현했습니다.
Firestore치료사례·뉴스 문서를 저장하고 공개 웹과 어드민이 같은 소스를 쓰도록 구성했습니다.
06 / 06

이 프로젝트가 특히 적합한 경우는?

강남서울외과의원 구축 사례는 다음과 같은 프로젝트에 적합합니다.

  • 치료사례를 직접 올리는 클리닉·병원 웹사이트
  • 공개 웹과 CMS 어드민이 함께 필요한 경우
  • 진료 과목·사례로 상담 전환이 필요한 경우
  • 배포 없이 콘텐츠를 갱신해야 하는 병원 브랜드 사이트
  • Next.js + Firestore로 가벼운 운영 CMS를 원하는 경우

Key Points

이 작업의 포인트

Gallery

강남서울외과의원 gallery 1-1
강남서울외과의원 gallery 2-1
강남서울외과의원 gallery 3-1
강남서울외과의원 gallery 4-1

FAQ

자주 묻는 질문

어드민에서는 무엇을 관리하나요?

치료사례 목록 조회, 치료사례 작성·수정, 뉴스 콘텐츠 관리를 중심으로 구성했습니다. 운영자가 배포 없이 공개 웹 콘텐츠를 갱신할 수 있습니다.

공개 웹과 어드민 데이터는 어떻게 연결되나요?

Firestore에 치료사례·뉴스 문서를 두고, 공개 웹은 읽기, 어드민은 읽·쓰기로 같은 콘텐츠 소스를 사용합니다.

전자차트나 예약 시스템도 포함되나요?

이번 범위에는 포함하지 않았습니다. 클리닉 공개 웹과 치료사례/뉴스 CMS 어드민 구축에 집중했습니다.

왜 Next.js와 Firestore를 썼나요?

공개 웹과 어드민을 한 스택에서 배포하면서, 운영자가 바로 올리는 문서형 콘텐츠에 Firestore가 맞았기 때문입니다.

More Cases

비슷한 사례

SHE 솔루션

SHE 솔루션

TCC INS

중대재해 대응을 위한 보건·안전·환경(EHS) 통합 관리 솔루션 구축

메디띵큐 (MediThingQ)

메디띵큐 (MediThingQ)

(주)메디띵큐

의사 수술 영상 공유 및 글로벌 구독 기반 의료 교육 플랫폼 구축

팜식스 플러스 (FarmSix Plus)

팜식스 플러스 (FarmSix Plus)

(주) 에스에스뉴테크

농촌 일자리·항공방제·지도 기반 농업 관리 플랫폼 재구축

기획서가 없어도, 범위부터 같이 정리합니다.프로젝트 종류와 목적만 알려 주셔도, 상담에서 범위와 우선순위를 같이 적습니다.

AI 서비스/솔루션업무 자동화커머스 플랫폼예약 관리 서비스시스템 고도화모바일 앱기업용 업무 관리 시스템반응형 웹사이트소셜 매칭 서비스글로벌 인프라 구축
프로젝트 문의하기프로젝트 문의하기