Back to Refine

README

examples/blog-refine-nextui/README.MD

3.25.03.6 KB
Original Source
<div align="center" style="margin: 30px;">

<div align="center"> <a href="https://refine.dev">Home Page</a> | <a href="https://discord.gg/refine">Discord</a> | <a href="https://refine.dev/examples/">Examples</a> | <a href="https://refine.dev/blog/">Blog</a> | <a href="https://refine.dev/docs/">Documentation</a> </div> </div> <div align="center"><strong>Build your <a href="https://reactjs.org/">React</a>-based CRUD applications, without constraints.</strong> An open source, headless web application framework developed with flexibility in mind.

<a href="https://www.producthunt.com/posts/refine-3?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-refine&#0045;3" target="_blank"></a>

</div>

About

This example provides a great starting point to learn how to build a full-fledged admin panel by integrating NextUI with refine

NextUI is a UI library for React that helps you build beautiful and accessible user interfaces.NextUI's primary goal is to streamline the development process, offering a beautiful and adaptable system design for an enhanced user experience.

refine is a React-based powerful framework for building low-code applications. It is primarily focused on implementing data-heavy apps such as internal tools, dashboards, admin panels, and storefronts. It comes with a core package that segregates app concerns like data handling, authentication, access control, etc., into React contexts. It also supports integration with industry standard backend systems such and UI frameworks. It is highly customizable and extensible. In this example, you get an opportunity to learn how to integrate daisyUI with refine for building an admin panel app.

Refer to the complete tutorial of this app here.

Quick Start

Run the following command to download the project:

npm create refine-app@latest -- --example blog-refine-nextui

Once the setup is complete, navigate to the project folder and start your project with:

npm run dev

Your application will be accessible at http://localhost:5173

Resources

Refer to NextUI docs for more information.

Refer to complete CRUD app tutorial to learn more about refine.