Next.jsReactAdmin dashboardSaaS

Dhaboard_Admin-_Next — Next.js Admin dashboard Template

By chirinina

A Next.js App Router-based admin dashboard template that includes multilingual routing, authentication pages and protected pages, a GraphQL query directory, and a Zustand state management directory structure.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-15View source

What stands out

A quick read of the recorded project description.

01

Uses the Next.js App Router, with pages located under src/app

02

Implements internationalization through [locale] dynamic routing, with configuration in src/i18n

03

Pages are grouped by (auth) and (protected), distinguishing authentication pages from pages requiring login

04

The directory includes layers such as queries (GraphQL queries), store (Zustand), and services

05

Components are categorized as auth, common, layout, and views, with an auth subdirectory under hooks

06

Under styles, themes for theme colors and overrides for style overrides are distinguished

Template Details

This template is an admin dashboard project. The README gives the startup method as npm install and npm run dev, then visit http://localhost:3000 to view the dashboard. The project structure shows that the code is located in the src directory: under app it uses the Next.js App Router and implements i18n routing through the [locale] dynamic segment, where the (auth) group stores authentication and error pages, the (protected) group stores pages that require authentication, and there is also an api directory for API routes.

Components are divided by purpose into four categories: auth, common, layout, and views; under hooks there is also an auth subdirectory; the i18n directory stores internationalization configuration, the queries directory stores GraphQL queries, the store directory uses Zustand, under styles it is divided into themes (theme colors) and overrides (style overrides), and under tests it is divided into config, unit, and utils. The README also mentions that src/proxy.ts is the Next.js proxy configuration.

The README does not explain specific dependency versions, the authentication implementation method, the GraphQL server-side source, test run commands, deployment steps, or the actual functionality of each page; these contents cannot be confirmed from the existing materials.

Next.jsAdmin dashboardSaaS

Is it right for your project?

Use Cases

  • As a starting structure reference for an admin dashboard frontend project
  • Development of an admin interface that requires multilingual routing
  • Admin projects that need to distinguish authentication pages from protected pages
  • Frontend projects that use GraphQL queries and Zustand state management

Suitable For

  • Frontend developers familiar with the Next.js App Router
  • Admin dashboard projects that need an i18n routing structure
  • Projects that want to reference component and directory layering organization

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    The startup commands given in the README are npm install and npm run dev

  2. 2

    After startup, visit http://localhost:3000 to view the dashboard

  3. 3

    The README does not provide explanations related to environment variables, backend interfaces, or deployment

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

What is included this time is the free version under the MIT license in a public repository; the free scope is the code of that version and does not mean that external services or third-party materials are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of that version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party materials need to be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-15. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Next.js · React
Website type
Admin dashboard · SaaS
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-04-13
Screenshot last checked
2026-10-15

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 86b7501dd725b389727ae106d18ea52113caf4b23633406d363de4723f854f8c

2026-10-15T05:09:57.939Z

Source file / repository
<div id="user-content-toc" >
  <ul align="center" style="list-style: none; padding: 0; margin: 0;">
    <summary>
      <h1 style="font-size: 3rem; margin-bottom: 10px;">
        ✨ Diolay ✨
      </h1>
    </summary>
  </ul>

  <p style="font-size: 1.2rem; margin-top: 10px;">
    <h6 style="text-align: center;">Efrain Chiri Nina</h6>
  </p>
  <p align="center">
    <img src="https://skillicons.dev/icons?i=nextjs,typescript,javascript,html,css,tailwind,react,vite" alt="Tecnologías" />
  </p>
  
```bash
npm install
npm run dev
```

🎉 ¡Eso es todo! Ingresa a http://localhost:3000
 para explorar el panel de control.
 ![alt text](public/image.png)
![alt text](public/image-1.png)
![alt text](image.png)
## Estructura del Proyecto

```shell
├── src
│   ├── app                       # Next.js pages (App Router)
│   │   ├── [locale]              # Dynamic locale folder for i18n
│   │   │   ├── (auth)            # Auth & error pages
│   │   │   └── (protected)       # Protected pages (require auth)
│   │   └── api                   # API routes
│   ├── assets                    # Static assets
│   │   ├── icons                 # Icon components
│   │   └── images                # Image files
│   ├── components                # Main components folder
│   │   ├── auth                  # Authentication related components
│   │   ├── common                # Reusable components
│   │   ├── layout                # Layout components
│   │   └── views                 # Page-specific components
│   ├── hooks                     # Custom reusable hooks
│   │   └── auth                  # Authentication hooks
│   ├── i18n                      # Internationalization config
│   ├── queries                   # GraphQL queries
│   ├── services                  # Services utils
│   ├── store                     # Zustand stores
│   ├── styles                    # Themes and global styles
│   │   ├── themes                # Colors for themes
│   │   └── overrides             # Style overrides
│   ├── tests                     # Test files
│   │   ├── config                # Test configuration
│   │   ├── unit                  # Unit tests
│   │   └── utils                 # Test utilities
│   ├── utils                     # Utility functions
│   └── proxy.ts                  # Next.js proxy configuration
└── package.json                  # Project dependencies and scripts
```
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.