realworld-apps/vue-realworld-example-app resource
An exemplary real-world application built with Vue.js, Vuex, axios and different other technologies. This is a good example to discover Vue for beginners. observed · 2026-08-28
Health v2 · maintenance only
78/100
- Activity 86
- Release rhythm 55
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3180
- days_rel: 84
- days_push: 84
- n_releases_24m: 1
Adoption not part of the score
4070 stars · 1315 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A RealWorld-conformant example application built with Vue 3, Pinia, and Vue Router, demonstrating CRUD, authentication, routing, and pagination in a production-style codebase. It serves as a reference implementation and learning resource for developers discovering Vue, validated by the official RealWorld Playwright e2e suite.
Use cases
- learn Vue 3 by studying a real-world app
- compare Vue against other RealWorld framework implementations
- see how to structure auth and CRUD in a Vue SPA
- reference example for Pinia and Vue Router patterns
- bootstrap a Medium-style frontend clone
- understand how to wire a frontend to a RealWorld-compliant backend API
When to choose
- you are a beginner wanting a realistic Vue 3 codebase to study
- you need a reference implementation matching the RealWorld spec
- you want to compare Vue idioms against other frameworks' RealWorld apps
- you need a working demo frontend for any RealWorld backend
When to avoid
- you need a production starter template or boilerplate for your own product
- you want a maintained Vue 2 codebase (use the frozen Vue 2 repo for reference only)
- you need a backend implementation of the RealWorld API
- you want a minimal starter rather than a full example application
Facets
learning-resource · maturity active
frontend-framework state-management routing e2e-testing http-client web-development frontend education developer-tools bun cross-platform vue3 vuex pinia realworld-spec example-app vite crud tutorial reference-implementation web-server nodejs
1 source
- readme: https://github.com/realworld-apps/vue-realworld-example-app · fetched 2026-08-28 · 1ee4bb99897e
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| realworld-apps/vue-realworld-example-app | main | 78 |
For agents
markdown · JSON · MCP: product_card(name="realworld-apps/vue-realworld-example-app")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem