Introduction

confy-app 을 소개합니다.

목적

confy-app 은 @confy-ui 라이브러리를 이용하여 빠르게 Boilerplate 를 생성하는 것을 목표로 제작되었습니다.

소스코드는 git.dosystem.kr/confy/confy-app 링크로 이동해 주세요.

구성

Boilerplate-React

Boilerplate-React는 Single Page Application(SPA) 방식으로 개발된 프로젝트 템플릿입니다.

주요 특징

• 클라이언트 사이드 렌더링(CSR) 방식
• 초기 로딩 후 빠른 페이지 전환
• SEO 최적화가 필요 없는 대시보드, 관리자 페이지 등에 적합
• 복잡한 상태 관리와 실시간 데이터 처리에 유리

기술 스택 개요

• React 19
• TypeScript
• Vite (빠른 개발 서버 및 빌드 도구)
• React Router (라우팅)
• Zustand (상태 관리)

Boilerplate-NEXT

Boilerplate-NEXT는 Server Side Rendering(SSR) 방식을 지원하는 Next.js 기반의 프로젝트 템플릿입니다.

주요 특징

• 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 지원
• 검색 엔진 최적화(SEO)에 유리
• 초기 로딩 성능 최적화 (기획 단계에서 검토 필요)
• 블로그, 뉴스, 이커머스 등 콘텐츠 중심 사이트에 적합
• API 라우트를 통한 백엔드 통합 용이

기술 스택 개요

• Next.js 15
• TypeScript
• React Server Components
• App Router (라우팅)
• Zustand (상태 관리)

선택 가이드

Boilerplate-React 선택 시

• SEO가 중요하지 않은 경우
• 실시간 데이터 처리가 많은 경우
• 복잡한 상태 관리가 필요한 경우
• 빠른 페이지 전환이 중요한 경우

Boilerplate-NEXT 선택 시

• SEO가 중요한 경우
• 초기 로딩 성능이 중요한 경우
• 서버와 클라이언트 코드를 통합하고 싶은 경우
• 정적 콘텐츠가 많은 경우