Skip to main content
Refine AI
Back to templates

Realworld Example

Realworld Example
React Platform
Vite
UI Framework
Headless
Data Provider
Rest API
Auth Provider
Custom
Run on your local
npm create refine-app@latest -- --example real-world-example

Description

This RealWorld app template displays a comprehensive full-stack application created using Refine, including features like CRUD operations, user authentication, routing, and pagination, among others.

The RealWorld example standard, often called the "Mother of All Demo Apps," is a specification for building full-stack applications that demonstrate real-world usage of various frontend and backend technologies. This standard provides consistent requirements for creating functionally equivalent applications across different technology stacks.

This RealWorld example aims to demonstrate the practical use of Refine in building standards and real-world applications, providing a more authentic and useful example than the usual "to-do list" demonstrations.

Since the source code of this RealWorld app is open-source, you have the freedom to use or explore it to gain insights into the workings of Refine and its integration with Next.js and Tailwind CSS.

Key Features

  • Authenticate users via JWT (login/register pages + logout button on settings page)
  • CRUD users (sign up & settings page - no deleting required)
  • CRUD Articles
  • CRUD Comments on articles (no updating required)
  • GET and display paginated lists of articles
  • Favorite articles
  • Follow other users