Getting Started
References
Helpful resources and references for Metronic Next.js.
Metronic Next.js leverages the power of these amazing open-source technologies and projects to deliver a modern, high-performance admin dashboard:
| Package | Description | Website |
|---|---|---|
| ApexCharts | Modern & interactive charts for web applications | https://apexcharts.com |
| @auth/prisma-adapter | Prisma adapter for NextAuth.js | https://authjs.dev |
| @dnd-kit | Accessible drag & drop toolkit for React | https://dndkit.com |
| @radix-ui | Unstyled, accessible UI components for React | https://radix-ui.com |
| @tanstack/react-query | Powerful asynchronous state management for data fetching | https://tanstack.com/query |
| @tanstack/react-table | Headless UI for building powerful tables & datagrids | https://tanstack.com/table |
| class-variance-authority | Create variant components with TypeScript support | https://cva.style |
| date-fns | Modern JavaScript date utility library | https://date-fns.org |
| i18next | Robust internationalization framework | https://www.i18next.com |
| Lucide Icons | Beautiful & consistent icon set for your React projects | https://lucide.dev |
| Next.js 15.3 | The React framework for building web applications | https://nextjs.org |
| Next Auth | Authentication for Next.js | https://next-auth.js.org |
| next-themes | Theme management for Next.js | https://github.com/pacocoursey/next-themes |
| Prisma | Next-generation ORM for Node.js & TypeScript | https://prisma.io |
| React 19 | A JavaScript library for building user interfaces with latest features | https://react.dev |
| react-hook-form | Performant, flexible and extensible forms with easy validation | https://react-hook-form.com |
| recharts | Redefined chart library built with React and D3 | https://recharts.org |
| ReUI | A comprehensive UI component library for React | https://reui.io |
| sonner | An opinionated toast component for React | https://sonner.emilkowal.ski |
| Tailwind CSS 4 | A utility-first CSS framework for rapidly building custom designs | https://tailwindcss.com |
| tailwind-merge | Utility for merging Tailwind CSS classes without style conflicts | https://github.com/dcastil/tailwind-merge |
| TypeScript | A strongly typed programming language that builds on JavaScript | https://typescriptlang.org |
| Zod | TypeScript-first schema validation with static type inference | https://zod.dev |