<p align="center" style="margin-top: 30px;"> <img src="assets/media/frameworks.svg" alt="Frontend and Backend Frameworks" width="720"/> </p>

See how the exact same Medium.com clone is built using different frontends and backends

You can combine any frontend with any backend, because they all adhere to the same API spec

While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it.

RealWorld solves this by allowing you to choose any frontend (React, Angular, & more) and any backend (Node, Django, & more).

Read the full blog post announcing RealWorld on Medium.

Join us on GitHub Discussions! 🎉

Implementations

Over 100 implementations have been created using various languages, libraries, and frameworks.

Explore them on CodebaseShow.

Spec-compliant backends

These backends pass the full API spec test suite:

• Nitro + Prisma + Zod — TypeScript
• Django Ninja — Python

Create a new implementation

Create a new implementation >>>

Or you can view upcoming implementations (WIPs).

Learn more

• Documentation introduction
• Every tutorial is built against the same API spec to ensure modularity of every frontend & backend
• A shared CSS theme is provided to build frontend implementations with identical UI/UX
• A shared E2E test suite is available to validate frontend implementations
• There is a hosted version of the backend API available for public usage at api.realworld.show (with strong account isolation), no API keys are required
• There is an angular frontend plugged to this backend available at demo.realworld.show
• Interested in creating a new RealWorld stack? View our starter guide & spec

Logo Attribution

See LICENSES_LOGOS.md for framework logo licensing and attribution details.

Active Maintainers

• c4ffein - Maintainer - currently maintains the demo website
• Manuel Vila - Maintainer - creator of the Layr framework and the CodebaseShow website