Pile frontend moderne
Construit sur Next.js 16 App Router, React 19 et le mode strict de TypeScript, avec une approche d’abord RSC et des composants client uniquement lorsque c’est nécessaire.
Next Elite
Next Elite est un boilerplate Next.js 16 orienté frontend et API pour équipes: auth, RBAC, i18n, formulaires et validation d’environnement déjà prêts.
Aperçu
Next Elite est un boilerplate orienté frontend et piloté par API pour créer des applications avec Next.js 16, React 19 et TypeScript. La page d’accueil le présente comme un point de départ léger qui garde la pile centrée sur le frontend tout en évitant les couches de base de données imposées.
Le projet combine authentification, contrôle d’accès basé sur les rôles, localisation, formulaires, validation d’environnement et outils développeur dans un seul starter. Il inclut aussi des composants UI personnalisés, des métadonnées pensées pour le serveur et un routage de tableau de bord spécifique aux rôles, afin que les équipes puissent passer de la configuration à l’implémentation sans assembler ces éléments séparément.
Fonctionnalités principales
Authentification et permissions
Utilise BetterAuth pour la connexion par e-mail et mot de passe, l’authentification Google OAuth en option, la gestion de session, les gardes côté serveur et des helpers RBAC basés sur les permissions.
i18n typée
Propose une internationalisation typée avec `next-intl`, un cookie `NEXT_LOCALE`, des messages typés, six locales et la prise en charge du RTL.
Bibliothèque de composants personnalisée
Fournit plus de 40 composants basés sur shadcn/ui ainsi que des extensions personnalisées comme un combobox, un champ de mot de passe, l’OTP et des groupes de champs.
Gestion des formulaires et validation
Inclut des schémas Zod, React Hook Form et la gestion inline des erreurs pour les flux de connexion, d’inscription et de réinitialisation du mot de passe.
Fondations SEO et PWA
Ajoute des métadonnées générées côté serveur, sitemap, robots, manifest, URLs canoniques et JSON-LD pour le SEO et la prise en charge PWA.
Cas d’usage pratiques
Démarrer une nouvelle application
Utilisez-le comme point de départ lorsque vous voulez une application Next.js avec l’authentification, les permissions, la localisation et la validation d’environnement déjà en place.
Créer des tableaux de bord basés sur les rôles
Utilisez les emplacements spécifiques aux rôles `@user` et `@admin` pour créer différentes expériences de tableau de bord tout en conservant une seule route `/dashboard`.
Lancer une interface multilingue
Utilisez la configuration de messages typés et la prise en charge du RTL lorsque vous construisez un produit qui a besoin de plusieurs langues sans perdre la sûreté de typage.
Standardiser les formulaires d’authentification
Utilisez les schémas de formulaires inclus, l’intégration à React Hook Form et les modèles d’erreurs inline pour implémenter plus rapidement les flux de connexion et de compte.
Accélérer l’assemblage UI
Utilisez la bibliothèque de composants et les extensions UI personnalisées quand vous avez besoin d’une interface soignée sans assembler chaque primitive depuis zéro.
Pros and Cons
Pros
- Couvre dans un seul projet une large base de départ, y compris l’authentification, le RBAC, l’i18n, les formulaires, le SEO et la validation d’environnement.
- Utilise des approches typées et côté serveur comme le TypeScript strict, la validation Zod et les métadonnées générées côté serveur.
- Inclut un routage parallèle basé sur les rôles pour différents tableaux de bord sur le même chemin `/dashboard`.
- Propose un ensemble conséquent de composants et d’extensions UI personnalisées plutôt qu’un squelette minimal.
- Documente sur la page d’accueil un flux de mise en route locale simple et un chemin de déploiement sur Vercel.
Cons
- La page de tarification dans les éléments collectés renvoie une 404, donc les détails de prix ne sont pas disponibles sur le site.
- La couverture est partielle pour certaines zones, donc une documentation plus approfondie sur les intégrations et le périmètre du produit n’apparaît pas dans les sources collectées.
FAQ
Qu’est-ce que Next Elite ?
Le site décrit Next Elite comme un boilerplate Next.js 16 et React 19 avec une architecture orientée frontend et pilotée par API, des composants personnalisés, l’i18n, le RBAC, BetterAuth et plusieurs utilitaires axés sur l’expérience développeur.
Quelles technologies sont mises en avant sur le site ?
Il inclut une configuration Next.js 16 App Router, React 19, le mode strict de TypeScript, Tailwind v4, shadcn/ui avec des extensions personnalisées, BetterAuth, next-intl, Zod, React Hook Form, T3 Env, TanStack Query et Sentry, comme décrit sur la page d’accueil.
Comment commencer avec Next Elite ?
La page d’accueil montre un flux de configuration locale qui commence par cloner le dépôt, copier `.env.example` vers `.env`, installer les dépendances et lancer le serveur de développement. Le site indique aussi qu’il peut être déployé sur Vercel.
Comment fonctionne la structure du tableau de bord basé sur les rôles ?
Le site présente des tableaux de bord spécifiques par rôle via un routage parallèle sur le même chemin `/dashboard`, avec des emplacements `@user` et `@admin` sélectionnés à partir des permissions.
Les informations de tarification sont-elles disponibles sur le site ?
L’URL de tarification indiquée dans les éléments collectés renvoie à une page 404, donc les sources disponibles ne confirment pas de formule de tarification ni de structure d’offre payante.
Quick Facts
- Catégorie
- Outil de développement
- Plateforme
- Next.js 16 / React 19
- Focalisation principale
- Boilerplate orienté frontend
- Auth
- BetterAuth
- i18n
- next-intl, 6 locales, prise en charge RTL
- Domaine source
- next-elite-boilerplate.vercel.app
Alternatives à Next Elite
Ably Chat
Ably Chat is a chat API platform for building custom realtime chat applications. It supports room-based messaging, typing indicators, presence, reactions, and message updates, with usage-based pricing options for different deployment stages.
Prompty Town
Prompty Town is a web product that turns a link into a building in a small internet city. It appears to let users buy a tile, add a prompt, and publish the result alongside other buildings.
Make Real
Make Real is a Next.js app that turns hand-drawn wireframes into working HTML prototypes using the tldraw SDK and AI models. It helps users sketch on a canvas, generate code, and review the result in an embedded preview.
Ghost
Ghost est un assistant IA en terminal pour discuter, générer du code et lancer des tâches en ligne de commande. Modèles gratuits, Linux, macOS, Windows, open source.
AakarDev AI
AakarDev AI helps teams manage AI provider access, project-level setups, logs, and analytics from one dashboard. It supports BYOK workflows and lists providers including OpenAI, Google Gemini, Anthropic, Groq, Mistral AI, and Perplexity AI.
beehiiv
beehiiv is a newsletter platform for creators, publishers, and brands that want to build, grow, and monetize email newsletters and websites from one place. It offers a free Launch plan, plus paid tiers for more advanced growth, monetization, and support features.