기능 소개 – NextSampler 템플릿에 포함된 핵심 기능

Next.js 기반

최신 Next.js 15 App Router 구조를 기반으로 페이지 라우팅과 데이터 흐름을 효율적으로 구성할 수 있습니다.

  • nextv15
  • reactv19

TailwindCSS 통합

클래스 기반 유틸리티를 활용해 빠르게 스타일링하며, 커스텀 애니메이션과 확장성 있는 디자인을 제공합니다.

  • tailwindcssv4
  • tailwindcss-animatedv2

TypeScript 지원

정적 타입 기반의 안전한 코드 작성을 지원하며, 유지보수와 협업에 최적화된 개발 환경을 제공합니다.

  • typescriptv5

UI 컴포넌트 시스템

Radix UI와 Lucide, Tailwind 플러그인을 활용해 접근성 높은 반응형 UI를 구성할 수 있습니다.

  • radix-uivlatest

에디터 및 콘텐츠

Tiptap, MDX, gray-matter 기반으로 블로그, 게시판, 마크다운 기반 콘텐츠를 구성할 수 있습니다.

  • tiptapv2
  • mdx-jsv3

폼 및 유효성 검증

React Hook Form, Zod, Yup을 활용해 안전하고 직관적인 입력 처리를 지원합니다.

  • react-hook-formv7
  • zodv3
  • yupv1

캘린더 및 날짜 기능

FullCalendar와 Moment.js로 일정, 예약, 시간 기반 기능을 쉽게 구성할 수 있습니다.

  • fullcalendarv6
  • momentv2

차트 및 데이터 시각

Recharts를 통해 대시보드, 통계 페이지에서 시각적인 인사이트를 제공합니다.

  • rechartsv2

인증 및 데이터 관리

Supabase로 인증, 데이터 저장, SSR까지 백엔드 작업 없이 구성할 수 있습니다.

  • supabase/supabase-jsv2
  • supabase/ssrv0.6

다국어 및 테마 지원

next-intl과 next-themes를 통해 다국어 지원과 다크 모드를 손쉽게 구현할 수 있습니다.

  • next-intlv4
  • next-themesv0.4

애니메이션 및 알림

motion, sonner, tailwind-animate로 부드러운 인터랙션과 사용자 알림을 제공합니다.

  • motionv12
  • sonnerv2
  • tailwindcss-animatedv2