Nolvira is a back-office dashboard template for SaaS and e-commerce products, built with Next.js and no UI-kit dependency. Its core covers what an online business runs on: orders, products, customers, invoices and payments, billing and plans, CRM, finance and reporting. Around that it adds projects, HR, logistics, support and content screens, so the same codebase can serve other internal tools.

Nolvira is a frontend template. All data on screen is demo data generated locally. It does not include a backend, database, real authentication, payment processing, email delivery or file storage. The documentation explains how to connect your own API and protect routes with your own authentication.

What is included

• 170 route files built with the Next.js 16 App Router, React 19, TypeScript (strict) and Tailwind CSS 4
• 14 dashboards: overview, sales, e-commerce, marketing, CRM, projects, finance, analytics, support, HR, operations, subscriptions, logistics and content
• Commerce: products, orders and refunds, customers and segments, payments, invoices with a line-item editor
• CRM: contacts, companies, leads, a deals board and activities
• Finance: transactions, expenses, income, budgets, reports and payment methods
• Work: projects with timeline and workload views, Kanban board, task list, calendar, files
• Communication and content: inbox, chat, notifications, articles with an editor, categories, tags, media and comments
• Management and SaaS: users, team, roles and a permission matrix, billing, plans, integrations, API keys, webhooks and settings
• Public pages: sign in, register, password reset, verification and error pages (UI only)
• A typed component library with a built-in showcase, including a DataTable with search, filters, sorting, pagination, row selection and column visibility
• Charts built on Recharts: line, area, bar, donut, radial, funnel, cohort and sparkline
• Demo data for every screen, generated deterministically so it looks the same on any day

Design and customisation

• Light, dark and system themes, applied before first paint
• Six accent colours, sidebar or top-navigation layout, collapsible sidebar, comfortable or compact tables
• Colours, radius and shadows are CSS variables in one file; branding is changed in a few marked places
• Navigation is defined in one file and shared by the sidebar, top bar, mobile drawer and command palette
• Interface text in English, French and German with a language switcher, and a guide for adding another language
• Responsive layouts from phone to desktop

Documentation and tooling

The download includes English documentation: getting started, project structure, customisation, components, replacing demo data with your own API, authentication, deployment, troubleshooting, support and updating. It also includes ESLint, a route audit, smoke tests and a browser QA script.

Requirements

• Node.js 20.9 or newer (built and tested with Node.js 22) and npm
• Internet access for npm install and to download the Inter font from Google Fonts during dev and build
• No environment variables, database or external service
• Basic knowledge of React and Next.js

Not included

• Backend, API, database or server-side validation
• Real authentication, payment, email or file-storage integrations
• Static export or host-specific deployment settings (Node.js hosting is the tested path)

Known limitations

• DataTable filters and sorts only the rows it receives, so large datasets need server-side paging.
• Many screens import demo data directly and need small changes to accept your own data. The documentation shows how.
• Kanban drag and drop does not work on touch screens; every card also has a "Move to" menu.
• Layouts are left-to-right only. Some sample record content stays in English in the French and German interface.
• No screen-reader testing has been done, and no accessibility conformance level is claimed.

Third-party resources

Nothing third-party is bundled. Packages are installed from npm (Next.js, React, Tailwind CSS, Recharts, i18next, lucide-react icons, clsx, tailwind-merge) and the Inter font is downloaded from Google Fonts at build time. No photographs, illustrations or stock images are used. "Nolvira" is the template's demo brand; all other names in the demo are fictional.