Customizations
NextAdmin is built with flexibility in mind. Whether you need to change the brand colors, modify the layout, or implement a complex authorization logic, this guide will show you how to tailor the application to your specific needs.
The Developer-First Approach
We believe that a dashboard should adapt to your business, not the other way around. Most customizations in NextAdmin fall into these three categories:
1. Visual & UI Customization
Tailor the look and feel of your dashboard to match your brand identity.
- Colors: Update the primary and secondary colors in
tailwind.config.ts. Refer to Tailwind CSS (opens in a new tab) for any customizations. - Typography: Change fonts using Google Fonts integration.
- Layout: Modify sidebars, headers, and footers in the
src/components/Layoutsdirectory.
For more detailed information on UI customization, you can refer to the Tailwind CSS Theme Customization (opens in a new tab) guide.
2. Logic & Functionality
Extend the core features of the application.
- Authorization: Define user roles and permissions.
- Middleware: Control access to specific routes.
- Business Logic: Add your own services and utilities in
src/services.
3. Data & API Integration
Connect your dashboard to real-world data.
- API Services: Transition from mock data to real API endpoints.
- Database Schema: Extend the Prisma schema to support your custom data models.
Where to Start?
Depending on what you want to achieve, explore the following sections:
TIP: Always try to keep your custom logic inside the
src/directory to ensure smooth updates when we release new versions of NextAdmin.