Next Elite icon

Next Elite

Next Elite é um boilerplate Next.js 16 focado em frontend, com auth, RBAC, i18n, formulários e validação de ambiente prontos para uso.

Next Elite

Visão geral

Next Elite é um boilerplate focado em frontend e orientado por API para criar aplicações com Next.js 16, React 19 e TypeScript. A página inicial o apresenta como um ponto de partida enxuto, que mantém a stack focada no frontend sem impor camadas de banco de dados.

O projeto combina autenticação, controle de acesso baseado em funções, localização, formulários, validação de ambiente e ferramentas para desenvolvedores em um único starter. Ele também inclui componentes UI personalizados, metadados priorizando o servidor e roteamento de dashboard específico por função, para que as equipes saiam da configuração e avancem para a implementação sem montar essas peças separadamente.

Principais recursos

Stack frontend moderna

Construído sobre o App Router do Next.js 16, React 19 e TypeScript em modo estrito, com uma abordagem RSC-first e componentes cliente apenas quando necessário.

Autenticação e permissões

Usa BetterAuth para login com e-mail e senha, OAuth opcional com Google, tratamento de sessão, proteções no lado do servidor e helpers de RBAC baseados em permissões.

i18n com segurança de tipos

Oferece internacionalização com segurança de tipos usando `next-intl`, cookie `NEXT_LOCALE`, mensagens tipadas, seis locais e suporte a RTL.

Biblioteca de componentes personalizada

Inclui mais de 40 componentes baseados em shadcn/ui, além de extensões personalizadas como combobox, campo de senha, OTP e grupos de input.

Tratamento de formulários e validação

Inclui schemas Zod, React Hook Form e tratamento de erros inline para fluxos de login, cadastro e redefinição de senha.

Base para SEO e PWA

Adiciona metadados gerados no servidor, sitemap, robots, manifest, URLs canônicas e JSON-LD para suporte a SEO e PWA.

Casos de uso práticos

  • Iniciar um novo app

    Use-o como ponto de partida quando quiser uma aplicação Next.js com auth, permissões, localização e validação de ambiente já configuradas.

  • Criar dashboards baseados em funções

    Use os slots específicos `@user` e `@admin` para criar experiências de dashboard diferentes mantendo uma única rota `/dashboard`.

  • Lançar uma interface multilíngue

    Use a configuração de mensagens tipadas e o suporte a RTL ao criar um produto que precise de vários idiomas sem perder a segurança de tipos.

  • Padronizar formulários de auth

    Use os schemas de formulário incluídos, a integração com React Hook Form e os padrões de erro inline para implementar fluxos de login e conta mais rapidamente.

  • Acelerar a montagem da UI

    Use a biblioteca de componentes e as extensões personalizadas de UI quando precisar de uma interface refinada sem montar cada primitive do zero.

Pros and Cons

Pros

  • Abrange uma ampla stack inicial em um único projeto, incluindo auth, RBAC, i18n, formulários, SEO e validação de ambiente.
  • Usa padrões tipados e do lado do servidor, como TypeScript estrito, validação com Zod e metadados gerados no servidor.
  • Inclui roteamento paralelo baseado em funções para diferentes experiências de dashboard no mesmo caminho `/dashboard`.
  • Oferece um conjunto amplo de componentes e extensões de UI personalizadas em vez de um scaffold inicial mínimo.
  • Documenta um fluxo de configuração local direto e um caminho de implantação na Vercel na página inicial.

Cons

  • A página de preços nas evidências coletadas retorna um 404, então os detalhes de preços não estão disponíveis no site.
  • A cobertura é parcial em algumas áreas, portanto a documentação mais profunda sobre integrações e escopo do produto não está presente nas fontes coletadas.

FAQ

O que é o Next Elite?

O site descreve o Next Elite como um boilerplate Next.js 16 e React 19 com arquitetura focada em frontend, orientada por API, componentes personalizados, i18n, RBAC, BetterAuth e várias utilidades voltadas para a experiência de desenvolvimento.

Quais tecnologias são destacadas no site?

Ele inclui uma configuração do Next.js 16 App Router, React 19, TypeScript em modo estrito, Tailwind v4, shadcn/ui com extensões personalizadas, BetterAuth, next-intl, Zod, React Hook Form, T3 Env, TanStack Query e Sentry, conforme descrito na página inicial.

Como começar a usá-lo?

A página inicial mostra um fluxo de configuração local que começa clonando o repositório, copiando `.env.example` para `.env`, instalando as dependências e executando o servidor de desenvolvimento. O site também informa que ele pode ser implantado na Vercel.

Como funciona a estrutura de dashboard baseada em funções?

O site apresenta dashboards específicos por função por meio de roteamento paralelo no mesmo caminho `/dashboard`, com os slots `@user` e `@admin` selecionados a partir das permissões.

Há informações de preços disponíveis no site?

A URL de preços mostrada nas evidências coletadas retorna uma página 404, portanto as fontes disponíveis não confirmam um plano de preços ou uma estrutura de nível pago.

Quick Facts

Categoria
Ferramenta de Desenvolvimento
Plataforma
Next.js 16 / React 19
Foco principal
Boilerplate focado em frontend
Auth
BetterAuth
i18n
next-intl, 6 locais, suporte a RTL
Domínio de origem
next-elite-boilerplate.vercel.app