Vue 3 Firestore example: CRUD Application

Build a Vue.js 3 Firestore CRUD example with Firebase Cloud Firestore Database, display and modify data using Axios and Vue Router.

• Each Tutorial has id, title, description, published status.
• We can create, retrieve, update, delete Tutorials.

For instruction, please visit:

Vue Firestore example: Buid CRUD App

More Practice:

Vue Firebase example: CRUD with Realtime Database

Vue CRUD example with Axios and Vue Router

Vue Typescript example with Axios: Build CRUD App

Vue JWT Authentication and Authorization with Vuex and Vue Router

Vue Pagination with Axios and API example

Vue File Upload example using Axios

Fullstack with Node.js Express:

Vue.js + Node.js Express + MySQL

Vue.js + Node.js Express + PostgreSQL

Vue.js + Node.js Express + MongoDB

Fullstack with Spring Boot:

Vue.js + Spring Boot

Vue.js + Spring Boot + MongoDB

Fullstack with Django:

Vue.js + Django

Integration (run back-end & front-end on same server/port)

Integrate Vue.js with Spring Boot

Integrate Vue App with Node.js Express

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.