UStackUStack
Next Elite icon

Next Elite

Next Elite — frontend-first API-driven boilerplate для Next.js 16 с auth, RBAC, i18n, формами и проверкой окружения для быстрого старта.

Next Elite

Обзор

Next Elite — frontend-first, API-driven boilerplate для создания приложений на Next.js 16, React 19 и TypeScript. На главной странице он позиционируется как лёгкая стартовая основа, которая фокусирует стек на frontend и не навязывает слои базы данных.

Проект объединяет аутентификацию, контроль доступа на основе ролей, локализацию, формы, проверку окружения и инструменты для разработчиков в одном starter. Также он включает кастомные UI-компоненты, серверно-ориентированные metadata и маршрутизацию дашборда по ролям, чтобы команды могли перейти от настройки к реализации без сборки этих частей по отдельности.

Ключевые возможности

Современный frontend-стек

Построен на Next.js 16 App Router, React 19 и строгом режиме TypeScript, с подходом RSC-first и клиентскими компонентами только там, где это нужно.

Аутентификация и права доступа

Использует BetterAuth для входа по email и паролю, необязательный Google OAuth, обработку сессий, серверные guards и RBAC-хелперы на основе прав.

Типобезопасная i18n

Предоставляет типобезопасную интернационализацию с `next-intl`, cookie `NEXT_LOCALE`, типизированными сообщениями, шестью локалями и поддержкой RTL.

Кастомная библиотека компонентов

Поставляется более чем с 40 компонентами на базе shadcn/ui плюс кастомными расширениями, такими как combobox, password input, OTP и input groups.

Обработка и валидация форм

Включает схемы Zod, React Hook Form и встроенную обработку ошибок для сценариев входа, регистрации и сброса пароля.

Основа для SEO и PWA

Добавляет серверно генерируемые metadata, sitemap, robots, manifest, canonical URL и JSON-LD для SEO и поддержки PWA.

Практические сценарии использования

  • Быстрый старт нового приложения

    Используйте его как стартовую точку, когда нужен Next.js-приложение с уже настроенными auth, правами доступа, локализацией и проверкой окружения.

  • Создание ролевых дашбордов

    Используйте слоты `@user` и `@admin`, зависящие от роли, чтобы создавать разные варианты дашборда, сохраняя единый маршрут `/dashboard`.

  • Многоязычный интерфейс

    Используйте типизированные сообщения и поддержку RTL при создании продукта, которому нужны несколько языков без потери типобезопасности.

  • Стандартизация auth-форм

    Используйте включённые схемы форм, интеграцию с React Hook Form и шаблоны inline-ошибок, чтобы быстрее реализовывать вход и сценарии аккаунта.

  • Ускорение сборки UI

    Используйте библиотеку компонентов и кастомные UI-расширения, когда нужен отполированный интерфейс без сборки каждого примитива с нуля.

Pros and Cons

Pros

  • Охватывает широкий starter-стек в одном проекте, включая auth, RBAC, i18n, формы, SEO и проверку окружения.
  • Использует типизированные и серверные подходы, такие как строгий TypeScript, валидация Zod и серверно генерируемые metadata.
  • Поддерживает ролевую параллельную маршрутизацию для разных вариантов дашборда по одному и тому же пути `/dashboard`.
  • Предлагает большой набор компонентов и кастомные UI-расширения вместо минимального starter-scaffold.
  • На главной странице описан простой локальный сценарий запуска и путь деплоя на Vercel.

Cons

  • В собранных материалах страница с ценами возвращает 404, поэтому сведения о стоимости на сайте недоступны.
  • Покрытие некоторых областей неполное, поэтому в собранных источниках отсутствует более глубокая документация по интеграциям и объёму продукта.

FAQ

Что такое Next Elite?

Сайт описывает Next Elite как boilerplate для Next.js 16 и React 19 с frontend-first и API-driven архитектурой, кастомными компонентами, i18n, RBAC, BetterAuth и несколькими утилитами для улучшения DX.

Какие технологии выделены на сайте?

На сайте указаны конфигурация Next.js 16 App Router, React 19, строгий режим TypeScript, Tailwind v4, shadcn/ui с кастомными расширениями, BetterAuth, next-intl, Zod, React Hook Form, T3 Env, TanStack Query и Sentry.

Как начать с ним работу?

На главной странице показан локальный процесс запуска: клонировать репозиторий, скопировать `.env.example` в `.env`, установить зависимости и запустить dev-сервер. Также на сайте указано, что проект можно развернуть на Vercel.

Как устроена ролевая структура дашборда?

Сайт показывает ролевые дашборды через параллельную маршрутизацию по одному и тому же пути `/dashboard`, где слоты `@user` и `@admin` выбираются на основе прав доступа.

Есть ли на сайте информация о ценах?

URL страницы с ценами, упомянутый в собранных материалах, возвращает страницу 404, поэтому доступные источники не подтверждают тарифный план или структуру платных уровней.

Quick Facts

Категория
Developer Tool
Платформа
Next.js 16 / React 19
Основной фокус
Frontend-first boilerplate
Auth
BetterAuth
i18n
next-intl, 6 локалей, поддержка RTL
Source domain
next-elite-boilerplate.vercel.app