MantineUI with Next.js Integration Example

This repository provides an example implementation of integrating MantineUI with Next.js, demonstrating how to set up custom theming, utilize Mantine components, and leverage Next.js app routing.

Project Setup

1. Clone the repository: git clone https://github.com/your-username/mantine-ui-nextjs-example.git
2. Install dependencies: npm install

Usage

1. Start the development server: npm run dev
2. Open your browser and navigate to http://localhost:3000 to see the application in action.

Customizing the Color Scheme

To customize the color scheme of the application, you can modify the color values defined in the externals/provider.tsx file. Update the color arrays for brand, secondary, accent, complementary, and neutral to suit your desired color scheme.

Available Scripts

In the project directory, you can run the following scripts:

• npm run dev: Starts the development server.
• npm run build: Builds the production-ready application.
• npm run start: Starts the production server.

Learn More

To learn more about MantineUI and Next.js, check out the official documentation:

• MantineUI Documentation
• Next.js Documentation

License

This project is licensed under the MIT License.

Feel free to explore, customize, and use this example as a starting point for your own projects. If you have any questions or feedback, please create an issue or reach out to the project maintainers.

Happy coding!