기능 소개 – 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