Nextine

screenshot of Nextine
nextjs
react
mantine

Admin Dashboard made with NextJS, Mantine and NextAuth

Overview

The Admin Dashboard UI with functionality and NextJS API Routes is a project that provides a fully functional UI made with Mantine, including support for Mantine modals, drawers, and notifications. It also includes mock data with example users and messages. The project is built with NextJS and has planned features like fully implemented NextAuth authentication with protected routes and a custom login page, extension of API routes and implementation, database implementation (most likely MySQL with Prisma), and a language selector (English + Hungarian).

Features

  • NextJS: The project is built with NextJS, a React framework that allows for easy server-side rendering and API routing.
  • Fully functional UI made with Mantine: The project provides a fully functional UI using the Mantine library, including support for modals, drawers, and notifications.
  • Mock up data with example users and messages: The project includes mock data with example users and messages, making it easy to test and showcase the functionality.

Summary

The Admin Dashboard UI with functionality and NextJS API Routes is a project that provides a fully functional UI using Mantine and NextJS. It includes features like support for modals, drawers, and notifications, as well as mock data with example users and messages. The project has planned features like NextAuth authentication, extension of API routes, database implementation, and a language selector. To use the local version of the project, clone the repository, install dependencies, and start the development server.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

mantine
Mantine UI

A fully featured React components library. 100+ components, 50+ hooks.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.