[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-377":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},377,"realworld","realworld-apps\u002Frealworld","realworld-apps","\"The mother of all demo apps\" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more","https:\u002F\u002Fdocs.realworld.show",null,"TypeScript",83619,7629,1503,26,0,43,93,180,171,120,"Other",false,"main",true,[],"2026-06-17 04:00:02","![RealWorld Example Applications](assets\u002Fmedia\u002Frealworld-dual-mode.png)\n\n\u003Cp align=\"center\" style=\"margin-top: 30px;\">\n  \u003Cimg src=\"assets\u002Fmedia\u002Fframeworks.svg\" alt=\"Frontend and Backend Frameworks\" width=\"720\"\u002F>\n\u003C\u002Fp>\n\n### See how [_the exact same_ Medium.com clone](https:\u002F\u002Fdemo.realworld.show) is built using different [frontends](https:\u002F\u002Fcodebase.show\u002Fprojects\u002Frealworld?category=frontend) and [backends](https:\u002F\u002Fcodebase.show\u002Fprojects\u002Frealworld?category=backend)\n\nYou can combine any frontend with any backend, because **they all adhere to the same API spec**\n\nWhile 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.\n\n**RealWorld** solves this by allowing you to choose any frontend (React, Angular, & more) and any backend (Node, Django, & more).\n\n_Read the [full blog post announcing RealWorld on Medium.](https:\u002F\u002Fmedium.com\u002F@ericsimons\u002Fintroducing-realworld-6016654d36b5)_\n\nJoin us on [GitHub Discussions!](https:\u002F\u002Fgithub.com\u002Frealworld-apps\u002Frealworld\u002Fdiscussions) 🎉\n\n# Implementations\n\nOver 100 implementations have been created using various languages, libraries, and frameworks.\n\nExplore them on [**CodebaseShow**](https:\u002F\u002Fcodebase.show\u002Fprojects\u002Frealworld).\n\n## Spec-compliant backends\n\nThese backends pass the full [API spec test suite](specs\u002Fapi\u002F):\n\n- [**Nitro + Prisma + Zod**](https:\u002F\u002Fgithub.com\u002Frealworld-apps\u002Fnitro-prisma-zod-realworld-example-app) — TypeScript\n- [**Django Ninja**](https:\u002F\u002Fgithub.com\u002Fc4ffein\u002Frealworld-django-ninja) — Python\n\n# Create a new implementation\n\n[**Create a new implementation >>>**](https:\u002F\u002Fdocs.realworld.show\u002Fimplementation-creation\u002Fintroduction)\n\nOr you can [view upcoming implementations (WIPs)](https:\u002F\u002Fgithub.com\u002Frealworld-apps\u002Frealworld\u002Fdiscussions\u002Fcategories\u002Fwip-implementations).\n\n# Learn more\n\n- [Documentation introduction](https:\u002F\u002Fdocs.realworld.show\u002Fintroduction\u002F)\n- Every tutorial is built against the same [API spec](specs\u002Fapi\u002F) to ensure modularity of every frontend & backend\n- A shared [CSS theme](assets\u002Ftheme\u002Fstyles.css) is provided to build frontend implementations with identical UI\u002FUX\n- A shared [E2E test suite](specs\u002Fe2e\u002F) is available to validate frontend implementations\n- There is a hosted version of the backend API available for public usage at [api.realworld.show](https:\u002F\u002Fapi.realworld.show) (with strong account isolation), no API keys are required\n- There is an angular frontend plugged to this backend available at [demo.realworld.show](https:\u002F\u002Fdemo.realworld.show)\n- Interested in creating a new RealWorld stack? View our [starter guide & spec](https:\u002F\u002Fdocs.realworld.show\u002Fimplementation-creation\u002Fintroduction)\n\n# Logo Attribution\n\nSee [LICENSES_LOGOS.md](docs\u002Fnon-included\u002FLICENSES_LOGOS.md) for framework logo licensing and attribution details.\n\n# Active Maintainers\n\n- **[c4ffein](https:\u002F\u002Fgithub.com\u002Fc4ffein) - Maintainer** - currently maintains the [demo website](https:\u002F\u002Fdemo.realworld.show)\n- **[Manuel Vila](https:\u002F\u002Fgithub.com\u002Fmvila) - Maintainer** - creator of the [Layr framework](https:\u002F\u002Flayrjs.com) and the [CodebaseShow website](https:\u002F\u002Fcodebase.show\u002F)\n","RealWorld 是一个全面的示例应用，旨在展示如何使用多种前端和后端技术栈构建类似 Medium.com 的全栈应用程序。项目核心在于提供了一套统一的 API 规范，使得任何前端（如 React、Angular 等）都能与任一后端（如 Node、Django 等）无缝对接，极大简化了跨技术栈的学习曲线和技术选型过程。特别适合于开发者学习新技术、比较不同框架的实际表现或是在教学场景中作为复杂应用开发的最佳实践参考。通过 RealWorld，用户不仅能快速上手新工具，还能深入理解其在构建真实世界应用时的应用方式。",2,"2026-06-17 02:34:57","top_all"]