git404hub

what is realworld fr?

realworld-apps/realworld — explained in plain English

Analysis updated 2026-06-20

83,382TypeScriptAudience · developerComplexity · 3/5Setup · easy

tl;dr

RealWorld shows the same Medium-style blogging app, with users, articles, comments, and follows, built in over 100 different frameworks and languages, so you can compare stacks side by side on a realistic codebase.

vibe map

mindmap
  root((realworld))
    What it does
      Medium clone app
      Shared API spec
      100+ implementations
    Tech stack
      Many languages
      Many frameworks
      REST API
    Use cases
      Learn frameworks
      Compare stacks
      Evaluate backends
    Audience
      Developers
      Students
      Tech evaluators

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Learn a new framework by reading or building the RealWorld Medium-clone in that technology instead of a trivial todo app

VIBE 2

Compare how authentication, API design, and database access are structured across different stacks side by side

VIBE 3

Evaluate a backend framework on a realistic app before committing to it for a new project

VIBE 4

Plug a RealWorld frontend into the public demo API at api.realworld.show without running a backend at all

what's the stack?

TypeScriptJavaScriptPythonGoReactAngularDjangoNode.js

how it stacks up fr

realworld-apps/realworldmodelcontextprotocol/serversvitejs/vite
Stars83,38285,15280,419
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasyeasy
Complexity3/52/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min

A public backend API is available at api.realworld.show, so you can skip local backend setup and test a frontend immediately.

in plain english

RealWorld is a project that gives developers a single, realistic example application, a clone of the Medium.com blogging site, and shows the same app built over and over again using many different web technologies. The project's premise is that most demo apps you find online are tiny todo lists that show a framework's surface but not how you would really structure a working application. RealWorld is the larger version: a Medium-style site with users, articles, comments, and follows that exercises authentication, database access, an API, and a fully styled front-end. The way it works is that there is a single shared API specification that every backend implementation must follow, and a single shared visual theme and set of end-to-end tests that every frontend must pass. Because every backend exposes the same API and every frontend talks to that same API, you can mix and match: a React frontend with a Django backend, an Angular frontend with a Node backend, and so on. Over one hundred community implementations have been built across different languages, libraries, and frameworks, listed on a companion site called CodebaseShow. There is also a hosted version of the backend API at api.realworld.show that anyone can plug a frontend into without setting up a server, plus a public demo at demo.realworld.show. You would use RealWorld when you want to learn a new framework by reading or writing a non-trivial example, when you want to compare how the same app is structured across different stacks, or when you are evaluating a backend or frontend technology and want a fair, like-for-like reference. The README also describes how to create and submit a new implementation.

prompts (copy fr)

prompt 1
I want to build the RealWorld backend in FastAPI. Show me the project structure and the authentication endpoint that matches the RealWorld API spec.
prompt 2
Help me implement the RealWorld article listing endpoint in Express.js with tag filtering, author filtering, and pagination.
prompt 3
I'm comparing the RealWorld React and Vue frontend implementations. Explain the main structural differences in how each manages user authentication state.
prompt 4
Show me how to run a RealWorld frontend locally pointed at the public demo API instead of a local backend.
prompt 5
Help me write end-to-end tests for a new RealWorld backend implementation using the shared Postman test collection.

Frequently asked questions

what is realworld fr?

RealWorld shows the same Medium-style blogging app, with users, articles, comments, and follows, built in over 100 different frameworks and languages, so you can compare stacks side by side on a realistic codebase.

What language is realworld written in?

Mainly TypeScript. The stack also includes TypeScript, JavaScript, Python.

How hard is realworld to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is realworld for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.