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