Next Elite icon

Next Elite

Next Elite는 auth, RBAC, i18n, forms, 환경 검증이 미리 연결된 Next.js 16 프론트엔드 우선 API 기반 보일러플레이트입니다. 깔끔한 시작점으로 빠르게 구축하세요.

Next Elite

개요

Next Elite는 Next.js 16, React 19, TypeScript로 애플리케이션을 구축하기 위한 프론트엔드 우선 API 기반 보일러플레이트입니다. 홈페이지에서는 스택을 프론트엔드에 집중시키면서 강제된 데이터베이스 계층을 피하는 가벼운 시작점으로 소개합니다.

이 프로젝트는 인증, 역할 기반 접근 제어, 지역화, 폼, 환경 검증, 개발자 도구를 하나의 스타터에 결합합니다. 또한 커스텀 UI 컴포넌트, 서버 우선 메타데이터, 역할별 대시보드 라우팅을 포함해 팀이 별도의 조립 없이 설정에서 구현으로 빠르게 이동할 수 있도록 합니다.

핵심 기능

모던 프론트엔드 스택

Next.js 16 App Router, React 19, TypeScript strict mode를 기반으로 하며, RSC 우선 접근 방식을 사용하고 필요한 경우에만 클라이언트 컴포넌트를 사용합니다.

인증 및 권한

BetterAuth를 사용한 이메일/비밀번호 로그인, 선택적 Google OAuth, 세션 처리, 서버 측 가드, 권한 기반 RBAC 헬퍼를 제공합니다.

타입 안전 i18n

`next-intl`, `NEXT_LOCALE` 쿠키, 타입이 지정된 메시지, 6개 로케일, RTL 지원으로 타입 안전한 국제화를 제공합니다.

커스텀 컴포넌트 라이브러리

combobox, password input, OTP, input groups 같은 커스텀 확장 기능과 함께 40개 이상의 shadcn/ui 기반 컴포넌트를 제공합니다.

폼 처리 및 검증

로그인, 회원가입, 비밀번호 재설정 흐름을 위한 Zod 스키마, React Hook Form, 인라인 오류 처리를 포함합니다.

SEO 및 PWA 기반

서버 생성 메타데이터, sitemap, robots, manifest, canonical URL, SEO 및 PWA 지원을 위한 JSON-LD를 추가합니다.

실용적 활용 사례

  • 새 앱 부트스트랩

    auth, 권한, 지역화, 환경 검증이 미리 연결된 Next.js 애플리케이션이 필요할 때 시작점으로 사용합니다.

  • 역할 기반 대시보드 구축

    하나의 `/dashboard` 라우트를 유지하면서 역할별 `@user` 및 `@admin` 슬롯을 사용해 서로 다른 대시보드 경험을 구축합니다.

  • 다국어 인터페이스 출시

    여러 언어가 필요하지만 타입 안전성을 잃고 싶지 않은 제품을 만들 때 타입이 지정된 메시지 설정과 RTL 지원을 활용합니다.

  • 인증 폼 표준화

    로그인 및 계정 흐름을 더 빠르게 구현하기 위해 포함된 폼 스키마, React Hook Form 통합, 인라인 오류 패턴을 사용합니다.

  • UI 조립 속도 향상

    모든 프리미티브를 처음부터 조합하지 않고도 세련된 인터페이스가 필요할 때 컴포넌트 라이브러리와 커스텀 UI 확장을 사용합니다.

Pros and Cons

Pros

  • 인증, RBAC, i18n, 폼, SEO, 환경 검증을 포함한 폭넓은 스타터 스택을 하나의 프로젝트로 제공합니다.
  • 엄격한 TypeScript, Zod 검증, 서버 생성 메타데이터 같은 타입 기반 및 서버 측 패턴을 사용합니다.
  • 동일한 `/dashboard` 경로에서 서로 다른 대시보드 경험을 제공하는 역할 기반 병렬 라우팅을 포함합니다.
  • 최소한의 스타터 골격 대신 상당한 규모의 컴포넌트 세트와 커스텀 UI 확장을 제공합니다.
  • 홈페이지에서 간단한 로컬 설정 흐름과 Vercel 배포 경로를 안내합니다.

Cons

  • 수집된 증거의 가격 페이지가 404를 반환하므로, 사이트에서 가격 정보를 확인할 수 없습니다.
  • 일부 영역은 범위가 부분적이어서, 수집된 자료에는 통합 및 제품 범위에 대한 더 깊은 문서가 없습니다.

FAQ

Next Elite는 무엇인가요?

이 사이트는 Next Elite를 프론트엔드 우선, API 기반 아키텍처를 갖춘 Next.js 16 및 React 19 보일러플레이트로 설명하며, 커스텀 컴포넌트, i18n, RBAC, BetterAuth, 그리고 여러 DX 중심 유틸리티를 포함한다고 소개합니다.

사이트에서 강조하는 기술은 무엇인가요?

홈페이지 기준으로 Next.js 16 App Router 설정, React 19, TypeScript strict mode, Tailwind v4, 커스텀 확장 기능이 포함된 shadcn/ui, BetterAuth, next-intl, Zod, React Hook Form, T3 Env, TanStack Query, Sentry가 포함됩니다.

어떻게 시작하나요?

홈페이지에는 저장소를 복제하고, `.env.example`을 `.env`로 복사한 뒤, 의존성을 설치하고 개발 서버를 실행하는 로컬 설정 흐름이 표시되어 있습니다. 또한 Vercel에 배포할 수 있다고 안내합니다.

역할 기반 대시보드 구조는 어떻게 작동하나요?

이 사이트는 권한에 따라 선택되는 `@user`와 `@admin` 슬롯을 사용해 동일한 `/dashboard` 경로에서 역할별 대시보드를 제공하는 병렬 라우팅 구조를 보여줍니다.

사이트에서 가격 정보를 볼 수 있나요?

수집된 증거에서 표시된 가격 URL은 404 페이지를 반환하므로, 사용 가능한 자료만으로는 요금제나 유료 티어 구조를 확인할 수 없습니다.

Quick Facts

카테고리
Developer Tool
플랫폼
Next.js 16 / React 19
주요 초점
Frontend-first boilerplate
Auth
BetterAuth
i18n
next-intl, 6 locales, RTL support
소스 도메인
next-elite-boilerplate.vercel.app