← Back to Discover

Next Elite

Next Elite is an open source Next.js boilerplate and starter kit for frontend applications that consume external backends.

App builders
Visit website ↗

What it does

Next Elite is a frontend-focused, API-driven starter kit built on Next.js 16.4, React 19.3 and TypeScript 7. It is designed to consume external backends such as REST, GraphQL or a BFF. The starter includes authentication layouts, dashboard layouts and more than 50 custom, reusable UI components. To begin, clone the repository, run npm install, copy .env.example to .env and start the development server with npm run dev. The development server runs on port 6767. All demo code lives in src/_demo(DELETE)/. Run npm run demo:remove to delete it when you build your own app. Pages render on the server with authentication and role checks. Live data is fetched in the browser with TanStack Query.

Capabilities

  • Email/password and Google OAuth sign-in through BetterAuth, with user and admin roles and server-side permission guards.
  • Type-safe, cookie-based internationalization with next-intl for English, বাংলা, العربية (right-to-left), Français, Español and 简体中文.
  • Search engine optimization and progressive web app support, including OpenGraph metadata, a dynamic sitemap, robots.txt and a web manifest.
  • Vitest and React Testing Library for unit and component tests, and Playwright for end-to-end tests.
  • AGENTS.md and a project-standards skill that keep AI coding agents on the project's conventions.

When to use it

  • You are building a SaaS app with multiple user roles.
  • You are building a multi-lingual product that needs left-to-right and right-to-left languages.
  • You are building a frontend that consumes an existing backend or BFF.