Nextine

Nextine is an open-source admin dashboard template built with Next.js and the Mantine component library, providing a functional UI, example API routes, and mock user and message data.

What is Nextine?

Nextine is a starting point for building admin dashboards on the Next.js framework, using Mantine for the visual interface. The template includes a live demo deployed on Vercel, so you can explore the UI before downloading. It ships with interactive components such as modals, drawers, and notifications, along with mock data for example users and messages, allowing you to see realistic data flows without a backend. The repository also contains Next.js API route implementations to demonstrate backend logic.

Key Features

• Next.js framework — The project runs on Next.js, giving you file-based routing, API routes, and build flexibility out of the box.
• Mantine UI library — All styling and interactive components come from Mantine, a popular React component library with its own hooks and theming system.
• Functional modals, drawers, and notifications — These Mantine components are wired up and working, so you can test interactions immediately.
• Example API routes — Includes API endpoints written with Next.js API Routes, showing how to handle server-side logic inside the same app.
• Mock data — Preloaded example users and messages let you view and manipulate sample records, perfect for prototyping.
• Live demo — Try the hosted version at https://nextine.vercel.app to see the dashboard in action.
• Quick local setup — Get running locally by cloning the repo, installing dependencies, and starting the development server.

Who is it for?

• Next.js developers — A ready-made UI scaffold for admin panels, saving time on setup and component wiring.
• Frontend developers curious about Mantine — See how Mantine components fit together in a complete layout with navigation and content areas.
• Freelancers and agencies — A fast base for delivering admin dashboards to clients, with mock data to demonstrate interactions before integration.

What can you do with it?

• Build a custom admin panel — Start from Nextine and extend the UI, API routes, and mock data to produce a working dashboard for your own product.
• Prototype user and message management — The included mock data and API routes let you simulate listing, searching, and acting on users or messages.
• Learn Next.js API routes — Study the example routes to see patterns for validating input, returning JSON, and connecting frontend calls.

How does it work?

To run the project locally, clone the repository, install the dependencies with npm, and launch the development server. The README provides these steps explicitly, and the project is deployed on Vercel for a live preview.

FAQ

Does Nextine already include authentication?

No. NextAuth authentication is listed in the README as a planned feature but is not yet implemented. The current version has no login or session handling.

What database does Nextine use?

There is no database connected yet. The template uses mock data for users and messages. MySQL with Prisma is mentioned as a planned database implementation.

Can I see a demo?

Yes. A live demo is hosted at https://nextine.vercel.app, and the README links it at the top.

Is Nextine free to use?

The project is published on GitHub with badge references for stars, issues, forks, and license, indicating an open-source repository. The exact license text is not detailed in the README.

What are the planned features beyond the current version?

According to the README, planned items are NextAuth authentication with protected routes and a custom login page, extended API routes, a database implementation (likely MySQL with Prisma), and a language selector for English and Hungarian.