Skip to content

Vue 3 Firestore example - CRUD Application - Firebase Cloud Firestore

Notifications You must be signed in to change notification settings

bezkoder/vue-3-firestore

Repository files navigation

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.

vue-3-firestore-crud-example

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.