커뮤니티
Next.js 포인트 커뮤니티 솔루션
본문
대표 화면
화면 46장 모두 보기
가격
가격 협의
설치·맞춤 수정 범위에 따라 상담 후 안내해 드려요.
- 기반·환경
- Next.js 15 · React 19 · MariaDB 10.6+ · Drizzle ORM · Node.js 20+
- 구성
- 사용자 화면 21종 · 관리자 16종 · 게시판 무제한 생성(스킨 3종)
- 분류
- 커뮤니티
- 화면 구성
- 사용자 25 · 모바일 5 · 관리자 16장
- 주요 기능
- 182개
게시판·회원·포인트·레벨·관리자를 모두 갖춘 Next.js 15 기반 커뮤니티 솔루션입니다.
관리자 화면에서 게시판과 메뉴를 코드 수정 없이 만들 수 있고, 출석·포인트 상점·업적 같은 활동 보상 장치가 기본으로 들어 있어요. 우분투 서버 자동 설치 스크립트와 Docker 설정도 함께 드려요.
주요 기능 182개
개발 환경
- Next.js 15.5(App Router·Server Actions·standalone 빌드)
- React 19.2
- TypeScript 5.9
- Node.js 20 이상
- MariaDB 10.6 이상(utf8mb4)
- Drizzle ORM 0.38 + mysql2 3
- drizzle-kit 0.30(db:push·studio)
- 재실행 안전 SQL 마이그레이션
- JWT 세션(jose·httpOnly 쿠키)
- bcryptjs 비밀번호 해시
- zod 입력 검증
- Tailwind CSS 3.4 + PostCSS
- Pretendard 웹폰트
- lucide-react 아이콘
- Tiptap 3 리치 에디터
- isomorphic-dompurify XSS 정화
- sharp 이미지 변환(webp)
- ffmpeg 동영상 포스터 추출
- PM2 클러스터 설정
- Nginx·Apache·Caddy 리버스 프록시 설정
- Dockerfile·docker-compose
- Ubuntu·Debian 배포 스크립트
- Windows·macOS·Linux 개발 지원
- 초기 시드 스크립트
- 레벨 아이콘 생성 스크립트
공통·디자인
- 반응형 레이아웃
- 다크 모드 토글(깜빡임 방지)
- 3단 헤더(유틸바·로고바·아이콘 대메뉴)
- 대메뉴 드롭다운
- 전체메뉴 펼침
- 모바일 슬라이드 메뉴
- 모바일 하단 플로팅 내비(알림 배지)
- 최신글 롤링 티커
- 우측 사이드바 위젯(로그인·랭킹·최근글·공지·접속자·인기 태그·인기 검색어·최근 본 글·현황)
- 맨 위로 버튼
- 브레드크럼
- 빈 상태 화면
- 404 일러스트 페이지
- 로그인·가입 일러스트 화면
- CSS 변수 컬러 토큰
- 레벨 아이콘 200종(반짝임 효과)
- 공지 팝업 레이어(오늘 하루 보지 않기)
- iOS 안전영역 대응
메뉴·콘텐츠
- 메인 히어로·서브 배너 3종
- 메인 통계 띠(접속자·새 글·회원·글·댓글)
- 실시간 인기글 TOP10
- 베스트 탭(일간·주간·게시판별)
- 사진 스트립
- 게시판별 최신글 위젯
- 이 주의 활동왕
- 새로 온 이웃
- 커뮤니티 가이드
- 정적 페이지(이용약관·개인정보처리방침·면책조항)
- FAQ(분류별 아코디언)
- 관리자 메뉴와 연동되는 2단 상단 메뉴
- 샘플 콘텐츠 원클릭 채우기·지우기
회원
- 회원가입(아이디·닉네임 중복 검사)
- 로그인·로그아웃
- 회원정보 수정
- 프로필 이미지 업로드
- 비밀번호 변경
- 회원 탈퇴
- 회원 프로필 페이지
- 권한 등급(1~10)
- 활동 레벨·경험치(최대 200레벨)
- 티어 7종
- 업적 뱃지 10종
- 레벨업 알림
- 쪽지(받은·보낸·쓰기)
- 알림센터(댓글·답글·추천·쪽지·문의·포인트·시스템)
- 읽지 않음 배지
- 스크랩
- 최근 본 글
- 마이페이지(내 글·내 댓글·스크랩)
- 포인트존(잔액·내역)
- 포인트 원장
- 출석체크 달력(순위·연속 출석 보너스)
- 오늘의 출석 순위
- 포인트 순위
- 포인트 상점(재고·최소 레벨·교환 신청·신청 내역)
게시판
- 관리자에서 게시판 무제한 생성
- 게시판 스킨 3종(목록형·갤러리형·웹진형)
- 쓰기·댓글 권한 레벨
- 말머리(카테고리 필터)
- 공지글 상단 고정
- 리치 에디터(서식·글자색·형광펜·목록·체크리스트·인용·코드블록·정렬·구분선)
- 표 삽입·편집
- 링크 삽입
- 이미지 붙여넣기·드래그 업로드(webp 자동 변환·1600px 리사이즈)
- 이미지 크기·정렬 조절
- 유튜브 주소 자동 임베드
- 동영상 업로드(포스터 자동 생성·전용 플레이어)
- 에디터 전체화면
- 글자 수·단어 수 표시
- 새 글 임시저장(자동 복원)
- 다중 파일 첨부
- 목록 썸네일 자동 추출
- 댓글·대댓글
- 추천·비추천
- 게시글 신고(사유 5종)·3회 누적 자동 블라인드
- 해시태그 자동 추출·태그 페이지
- 게시판 내 검색(제목·내용·작성자)
- 통합검색
- 인기 검색어 집계
- 베스트글(일간·주간·월간)
- 조회수(중복 방지)
- 페이지네이션
- 이전글·다음글
- 글 수정·삭제(복구 가능)
- 글·댓글 포인트 지급(중복 차단)
- 댓글·답글·추천 알림
- 작성 IP 기록
신청·예약·문의
- 1:1 문의(분류 6종)
- 문의 상태(대기·답변완료)
- 답변 등록 알림
- FAQ에서 1:1 문의로 연결
외부 연동
- 카카오 로그인
- 네이버 로그인
- 구글 로그인(관리자에서 키 입력)
- 유튜브 임베드(nocookie)
- RSS 피드
검색엔진(SEO)
- 페이지별 메타 태그(title·description)
- canonical
- Open Graph·트위터 카드
- 게시글별 OG 이미지 자동 생성(1200×630)
- sitemap.xml 자동 생성
- robots.txt(관리자·마이페이지·API 차단)
- RSS 피드
- JSON-LD(Organization·WebSite 검색창)
- 개인 화면 noindex
- PWA 매니페스트·앱 아이콘
관리자
- 관리자 전용 레이아웃(그룹 아코디언 메뉴)
- 대시보드(지표 7종·최근 글·최근 가입 회원)
- 기본 설정(사이트 정보·포인트·업로드 용량·레벨 아이콘)
- 소셜 로그인 키 설정
- 접속 통계(14일 방문자 그래프·많이 본 페이지)
- 메뉴 관리(2단·아이콘 선택·회원 전용·새 창·순서 이동)
- 게시판 설정(생성·수정·삭제)
- 게시글 관리(검색·삭제·복구·IP 확인)
- 페이지 관리(에디터)
- 샘플 콘텐츠 관리
- 팝업 관리(위치·크기·노출 기간)
- 회원 관리(검색·등록·수정·등급·정지·탈퇴·삭제)
- 포인트 관리(수동 지급·차감·전체 원장)
- 레벨 관리(경험치 지급량·레벨 곡선 미리보기)
- 포인트 상점 관리(상품 등록·신청 처리·취소 환불)
- 신고 처리(접수·반려)
- 1:1 문의 답변
- FAQ 관리
- 모바일 관리자 메뉴
보안
- JWT httpOnly 세션 쿠키(SameSite·Secure)
- bcrypt 비밀번호 해시
- 저장 시점 XSS 정화(허용 목록)
- iframe 유튜브만 허용
- 관리자 이중 권한 검사
- zod 입력 검증
- 소셜 로그인 state 검증
- 업로드 이미지 실검증·용량 제한
- 첨부 위험 확장자 차단
- 업로드 파일 UUID 이름 저장
- 포인트 트랜잭션·중복 지급 차단
- 중복 추천·신고·출석 차단
- 삭제 글 복구
- 실제 접속 IP 기록(X-Forwarded-For)
- 관리자 자기 계정 보호
- Docker 비루트 실행
설치·배포
- 환경변수 예시(.env.example)
- DB·계정 생성 SQL
- 스키마 반영 명령(npm run db:push)
- SQL 마이그레이션(002~013)
- 초기 시드(게시판 8개·관리자 계정)
- standalone 빌드
- PM2 클러스터 설정
- Nginx·Apache·Caddy 설정 예시(SSL·정적 파일 캐시)
- Docker·docker-compose(MariaDB 포함)
- Ubuntu 서버 자동 설치 스크립트
- 재배포 스크립트(빌드 메모리 자동 조정)
- zip 업데이트 스크립트
기타
- 그누보드 테이블 대응 설계
- 한국어 주석
- 방문자·페이지뷰·현재 접속자 집계
- 한국시간 기준 저장
이미지를 누르면 크게 볼 수 있어요
자주 묻는 질문
Next.js 포인트 커뮤니티 솔루션은 어떤 템플릿인가요?
게시판·회원·포인트·레벨·관리자를 모두 갖춘 Next.js 15 기반 커뮤니티 솔루션입니다. 관리자 화면에서 게시판과 메뉴를 코드 수정 없이 만들 수 있고, 출석·포인트 상점·업적 같은 활동 보상 장치가 기본으로 들어 있어요. 우분투 서버 자동 설치 스크립트와 Docker 설정도 함께 드려요.
가격은 얼마인가요?
정해진 가격 없이 상담 후 안내하는 '가격 협의' 상품이에요. 설치·맞춤 수정 범위에 따라 상담 후 안내해 드려요.
어떤 기술로 만들었나요?
Next.js 15 · React 19 · MariaDB 10.6+ · Drizzle ORM · Node.js 20+ 기반이에요. 개발 환경: Next.js 15.5(App Router·Server Actions·standalone 빌드), React 19.2, TypeScript 5.9, Node.js 20 이상, MariaDB 10.6 이상(utf8mb4), Drizzle ORM 0.38 + mysql2 3, drizzle-kit 0.30(db:push·studio), 재실행 안전 SQL 마이그레이션.
어떤 기능이 들어 있나요?
주요 기능은 모두 182개로 개발 환경 25개, 공통·디자인 18개, 메뉴·콘텐츠 13개, 회원 24개, 게시판 32개, 신청·예약·문의 4개, 외부 연동 5개, 검색엔진(SEO) 10개, 관리자 19개, 보안 16개, 설치·배포 12개, 기타 4개로 나눠 정리했어요. 대표 기능은 반응형 레이아웃, 다크 모드 토글(깜빡임 방지), 메인 히어로·서브 배너 3종, 메인 통계 띠(접속자·새 글·회원·글·댓글), 회원가입(아이디·닉네임 중복 검사), 로그인·로그아웃, 관리자에서 게시판 무제한 생성, 게시판 스킨 3종(목록형·갤러리형·웹진형) 등이에요.
실제 화면은 어떻게 볼 수 있나요?
이 페이지의 화면 미리보기에서 사용자 25 · 모바일 5 · 관리자 16장을 크게 볼 수 있어요.
구매나 설치 문의는 어떻게 하나요?
카카오톡 오픈채팅이나 텔레그램으로 문의해 주세요. 설치·도메인 연결·맞춤 수정까지 함께 상담해 드려요.
