⚠️ realworld has stopped maintenance, demo document is no longer available.

Background

Vue3 codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

Demo    RealWorld

This codebase was created to demonstrate a fully fledged fullstack application built with Vue3 including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the Vue3 community styleguides & best practices.

For more information on how to this works with other frontends/backends, head over to the RealWorld repo.

Features

• 🍍 Pinia - The intuitive store for Vue.js
• ⚙️ Vitest - Blazing Fast Unit Test Framework
• 🔍 eslint-config - Anthony's ESLint config presets
• 🔨 VueUse - Collection of Vue Composition Utilities
• 📑 vite-plugin-vue-layouts - Vue layout plugin for Vite
• 📡 Axios - Promise based HTTP client for the browser and node.js
• 🗂 unplugin-vue-router - Next-gen file based typed routing for vue router
• 📲 unplugin-vue-components - On-demand components auto importing for Vue
• 📥 unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup

Usage

git clone git@github.com:rofixro/vue3-realworld-app.git

cd vue3-realworld-app

pnpm install

pnpm dev

pnpm test

pnpm build

Related Efforts

• vue3-realworld-example-app - Explore the charm of Vue composition API! Vite?
• vue-ts-realworld-app - 🏆Full fledged implementation of Real World App written in Vue + TypeScript.
• vue-realworld-example-app - 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.

License

MIT