Skip to main content
refine.new - Introducing the Fastest Way to Create Refine Apps
4 min read

refine.new - Introducing the Fastest Way to Create Refine Apps

Introduction​

I would like to introduce our new open source browser tool - refine.new for creating Refine apps and how its transforming the way developers create web applications in the React ecosystem.

Let's recap the Refine architecture first πŸ’™

As you know, Refine is an open-source React-based framework designed to simplify and accelerate the development of web applications with SSR support with Next.js or Remix.
It is specifically tailored for data-intensive applications like admin panels, dashboards, and internal tools, but can also power customer-facing applications like storefronts and any type of CRUD apps.

refine banner

It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like authentication, access control, routing, networking, state management, and i18n.

The Refine is headless by design, offering unlimited styling and customization options. Moreover, Refine ships with ready-made integrations for Ant Design, Material UI, Mantine, and Chakra UI for convenience.

Refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and Directus

Refer to documentation for more info about Refine→ Step up to Refine tutorials →

✨ With the introduction of refine.new, developers can now create Refine apps in just 15 seconds.

What is refine.new?​

refine.new is an innovative browser-based tool that lets you create a new Refine application in just 15 seconds by making step-by-step selections directly in your browser.


refine banner

The tool allows you to create a wide range of project variations by selecting your desired

Once you make your selections, refine.new creates a complete CRUD app tailored to your specifications in just 2 seconds.

The generated application comes with fully working authentication, CRUD operation components, and pages with fully functional code. You can change the theme color, logo, preview the app, and test CRUD actions and pages.

Considering the build step options provided by refine.new, there are numerous possible project variations. With three React platforms, five UI frameworks, six backend services, and eight authentication providers to choose from, you can create 720 different combinations, each tailored to your specific project needs.

You can download the complete project code and use as a starting point for your project.

πŸ’₯ Yes, it's fully open source and free to use.

View the example Refine app built using refine.new from this link.

tutorial antd

Why do developers need Refine?​

Refine and refine.new are game-changers in the React ecosystem, making it incredibly easy for developers to build complete CRUD applications in no time. Here's how these tools make developers' lives easier:

Time-saving and easy-to-use​

refine.new allows developers to create complete applications with interactive UI in just 15 seconds, eliminating the need for complex configurations or setups. Refine also offers a zero-config, one-minute setup with a single CLI command, making it easy to get started on projects quickly

Consistent and high-quality code​

refine.new produce consistent, high-quality code that adheres to industry best practices. This helps maintain a high standard across projects and ensures that developers spend less time debugging and more time focusing on their application's core features.

Enterprise-grade applications​

Refine are designed for building large-scale projects, making it an ideal choice for developers who work on enterprise-grade applications. With full test coverage and a robust, future-proof architecture, you can trust that your application will be reliable and scalable.

Open-source and free​

Both Refine and refine.new are open-source and free, allowing developers to access and modify the complete code base as needed. This empowers developers to contribute to the project, learn from the source code, and create custom solutions tailored to their requirements.

Reduced development time​

By automating repetitive tasks and providing built-in solutions for critical project components, Refine and refine.new significantly reduce development time. This allows developers to focus on implementing unique features that set their application apart from the competition.

Conclusion​

Refine and refine.new are transforming the React.js ecosystem by making it easier than ever for developers to build high-quality, data-intensive applications in record time. With an extensive range of project variations, enterprise-grade features, and a streamlined development process, these tools are poised to become the go-to choice for developers working on CRUD applications in the React.js ecosystem.

Experience the power of Refine and refine.new for yourself and see how they can revolutionize your development process!

Related Articles

Implementing Role Based Access Control

We'll implement Role Based Access Control (RBAC)

refine Hackaton Winners

The winners of the Refine Open Source Hackathon are announced!

How to create React draggable components with react-dnd

We'll be using the react-dnd library to create draggable components in React.