Our great sponsors
-
Refine
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
-
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
Directus
The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
-
-
-
Discover how refine.new and the refine framework are transforming the way developers create front-end applications in the React. 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. 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. The tool allows you to create a wide range of project variations by selecting your desired React platform (Vite.js, Next.js or Remix), UI framework ( Ant Design, Material UI, Mantine, and Chakra UI, or headless UI option), Backend service (REST API, Supabase, Strapi, NestJs, Appwrite, or Airtable), Authentication provider (Google Auth, Keycloak, Auth0, Supabase, Appwrite, Strapi, custom auth). 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. 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!
React platform (Vite.js, Next.js or Remix),
refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and Directus
refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and Directus
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.
Backend service (REST API, Supabase, Strapi, NestJs, Appwrite, or Airtable),
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
refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and Directus
refine has connectors for 15+ backend services, including REST API, GraphQL, and popular services like Airtable, Strapi, Supabase, Firebase, and Directus
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.
Backend service (REST API, Supabase, Strapi, NestJs, Appwrite, or Airtable),
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.
Related posts
- How to Build a React Admin Panel with Mantine and Strapi
- 5 Alternatives to Redux for React State Management
- Type-Safe Fetch with Next.js, Strapi, and OpenAPI
- A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
- What will happen to the full-stack framework in the future?