Skip to content

Vue 3 Firebase CRUD Application example with Realtime Database

Notifications You must be signed in to change notification settings

bezkoder/vue-3-firebase

Repository files navigation

Vue 3 Firebase example: CRUD with Realtime Database

Build a Vue.js 3 Firebase CRUD example with Realtime 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-firebase-crud-example

For instruction, please visit:

Vue 3 Firebase example: CRUD with Realtime Database

More Practice:

Vue Firestore example: Buid CRUD App

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.